郄灬灬
郄灬灬

vue ssr 如何移除 window.__INITIAL_STATE__ 注入

阅读本文前，假设你已经完整的阅读过 vue ssr 的文档，知道如何搭建一个 vue ssr 的项目了。
如题，提出这个需求，多半是 SEO 大佬那边说这个东西影响收录。官方文档上虽然有这么句话：

在 2.5.0+ 版本中，嵌入式 script 也可以在生产模式 (production mode) 下自行移除。

但是实际上，虽然调试控制台上确实没有了相应的 script 标签，但是查看源码的时候依旧可以看到这块内容，这说明在服务端生成 HTML代码时依旧是有注入的，只是在到达客户端之后通过 removeChild 移除掉了而已。 显然这是无法满足 SEO 的需求的。那要如何处理呢？如果是有疯狂搜索过，那应该看过这句话：

如果能同步两端数据，那么不注入 window.INITIAL_STATE 也是可以的

这似乎就是解决方案，同步两端数据，但是具体是什么意思呢？
我们先回想一下整个服务端渲染的过程：

  1. 启动一个服务，监听指定端口，接收来自客户端的请求

    // server.js
const express = require('express')
const app = express()
const port = process.env.PORT || 80;

// 这里是 ssr 渲染处理相关的代码

app.get('*', isProd ? renderHandler : (req, res, next) => {
    readyPromise.then(() => renderHandler(req, res, next))
})

app.listen(port, () => {
    console.log(`server started at localhost:${port}`)
})

  2. 客户端发起请求，然后服务端接收，并处理之，请求先走 express 的路由，然后在这里转交 vue 中的路由适配、解析、处理，然后路由匹配到的组件请求数据接口，请求完成后把数据写入 vuex store 当中，这部基本就结束了

    renderHandler () {

	// 这里调用后进入 entry-server.js 的代码逻辑
	renderer.renderToString(context, (err, html) => {
	    if (err) {
	        return handleError(err)
	    }
	
	    res.send(html);
	})
}

    entry-server.js 基本和官方文档的内容一模一样

    export default context => {
    return new Promise((resolve, reject) => {
        const { app, router, store } = createApp()
        
        // 路由跳转
        router.push(context.url)
    
    	// 路由适配与解析完毕后获取匹配的组件，调用其获取数据的方法，请求数据
        router.onReady(() => {
            const matchedComponents = router.getMatchedComponents();
            
            if (!matchedComponents.length) {
                return reject({ code: 404 })
            }
    
            // 对所有匹配的路由组件调用 `asyncData()`，把数据写入 vuex store
            Promise.all(matchedComponents.map(Component => {
                if (Component.asyncData) {
                    return Component.asyncData({
                        store,
                        hostname: context.hostname,
                        route: router.currentRoute
                    })
                }
            })).then(() => {
                context.state = store.state;
                
                resolve(app)
            }, err => {
                reject(err);
            }).catch(() => {
                
            })
        }, reject)
    })
}

  3. 数据准备完毕后，回到 renderer，将 vue 单文件的内容结合数据转换成 HTML 字符串，返回到客户端，如果注释掉 entry-client.js 所有代码，此时访问的话客户端应该呈现与设计稿内容一致的页面，（这里需要说明一下，渲染 vue 单文件时的数据，全都取自服务端的 vuex store）

    renderer.renderToString(context, (err, html) => {
    // 将转换后的代码返回客户端
    res.send(html);
})

到这里整个渲染流程基本就结束了。

但是会有问题，我写的交互代码怎么都没生效呢？我的点击事件呢？我的炫酷特效呢？
回头想想：
交互代码写在哪呢？
vue 单文件内。
它为啥不生效呢？
因为服务端只是返回了HTML字符串，而没有返回 vue 组件
现在咋办呢？
激活它，使其变回组件

具体做法很简单：
在 entry-client.js 里只需要简单的几行代码就可以了

import { createApp } from '../app'
const { app, router, store } = createApp()

router.onReady(() => {
    app.$mount('#app')
})

// 获取服务端传过来的 vuex store 的数据，存入客户端 vuex store
if (window.__INITIAL_STATE__) {
  store.replaceState(window.__INITIAL_STATE__)
}

现在交互又好了。到这里，整个服务端渲染流程就结束了。

那怎么去除 window.INITIAL_STATE 注入呢？，这就需要用到 vue ssr 的手动资源注入

默认情况下，当提供 template 渲染选项时，资源注入是自动执行的。但是有时候，你可能需要对资源注入的模板进行更细粒度 (finer-grained) 的控制，或者你根本不使用模板。在这种情况下，你可以在创建 renderer 并手动执行资源注入时，传入 inject: false。

然后修改模板文件，去掉 vuex store 注入的代码

<html>
  <head>
    
    {{{ renderResourceHints() }}}
    {{{ renderStyles() }}}
  head>
  <body>
    
    
    {{{ renderState() }}}
    {{{ renderScripts() }}}
  body>
html>

似乎确实很简单，代码粘贴上去，保存，重启服务。刷新页面，我页面呢？刚啥没有的时候还好好的呢，你代码是不是有 BUG？
其实不是，问题其实出现在 entry-client.js 的代码里。entry-client.js 这简单的几行代码，到底做了些什么事情呢？实际上也很好理解：

  • 初始化 vue 组件
  • 构建虚拟 DOM 树
  • 然后对比当前页面已有的 DOM 结构，将不一致的部分替换为虚拟 DOM 树中的内容。

消失的内容，都是被替换掉了。为啥客户端构建的虚拟 DOM 树与服务端返回的结构不一致呢？因为数据它不一样啊，服务端获取的数据存在于服务端实例化的 vuex 对象，之前的方式是通过把数据以字符串的方式注入 HTML 内容中（即 window.INITIAL_STATE），然后在客户端获取，现在不让注入了，没有了数据，生成的 DOM 内容肯定是不一样的。

需要另想办法同步两端数据，确切的说，是得想办法把服务端的 vuex store 传递到客户端。
我的做法：

  • 在获取完数据之后，把 vuex store 缓存起来
  • 然后把缓存的 key 注入页面中（对的，还是逃不过注入，但是注入内容会少非常多，至少能让 SEO 觉得 OK）
  • 客户端通过请求的方式获取实例的数据，注入客户端的 vuex store。

缓存方式有两种，一种是直接写在内存里，另一种是使用 redis ，我对 redis 不是很熟，所以没有采用这种。下面来看看具体做法：

  1. 需要一个缓存容器，这里使用 lru-cache 来存储数据，新建文件 routerDataCache.js，代码如下

    const LRU = require('lru-cache')

const dataCache = new LRU({
    max: 1000,
    maxAge: 1000 * 60 * 15, // 单位为毫秒，这里设置为十五分钟
});

// 需要直接返回对象，作为单例调用，因为需要共享
module.exports = dataCache;

  2. 然后修改 server.js 的 render 函数，在这里做数据缓存（记得引入缓存对象 routerDataCache.js）

    function render(req, res, next) {
	// ... 原来的业务代码
	
	// 创建一个缓存 key，key 的生成规则看项目需求，只要能保证前后端能根据一定条件匹配上就可以了
	// md5 也不是必须的，开心就好
	let cachekey = md5(`vuex state cache：${ req.hostname }${ req.url }`);
	
	// 渲染上下文
	let context = {
        cachekey,
        url: req.url,
        hostname: req.hostname
    }
    
    // 判断是否有缓存，有缓存数据则读缓存里的数据
    if (dataCache.has(cachekey)) {
        context = _.assign({}, dataCache.peek(cachekey), context);
    }

	renderer.renderToString(context, (err, html) => {
        if (err) {
            return handleError(err)
        }
		
		// 走完所有的流程后，把 context 存到缓存中
        if(!dataCache.has(cachekey)) {
            dataCache.set(cachekey, context);
        }

        res.send(html)
    })
}

  3. 现在 vuex store 已经存到了内存中，客户端要怎么获取呢？得写个接口，把服务端缓存的数据返回客户端。新建文件 CacheRouter.js

    const express = require("express");
const router = express.Router();
const cache = require('routerDataCache')

router.get('/route-cache/:key', (req, res) => {
    let key = req.params.key;
    
    res.setHeader("Content-Type", "application/json")
    res.send(cache.peek(key));
})

module.exports = router

    然后挂载到 express 中，需要在 server.js 当中加入相关内容：

    const apiRouter = require('router/CacheRouter')

app.use('/apidata', apiRouter);

  4. 在客户端获取之，然后注入客户端 vuex store，需要修改模板页面和 client-entry.js 当中的代码

    模板中在之前加入以下代码：

    <script>
	window.cachekey = '{{ cachekey }}';
script>

    然后修改 client-entry.js 的代码

    import { createApp } from '../app'
import axios from '@lib/axios'

const { app, router, store } = createApp()

router.onReady(() => {
    app.$mount('#app')
})

function getStoreData () {
    let key = window.cachekey;

    axios.get(`/apidata/route-cache/${key}`).then( ({ data: result }) => {
        if(result) {
            store.replaceState(result.state);
        }
    }, (err) => {

    })
}

getStoreData();

到这里整个数据注入的调整就结束了。

如果页面的内容更新不频繁，还可以在服务端渲染时也从缓存中读取数据，减少接口请求，我们修改一下 entry-server.js 文件：

router.onReady(() => {
    // ... 代码

    // 如果已有缓存数据，则直接 resolve ，否则执行获取数据的相关操作
    if(context.state) {

        // 这一步很重要，服务端渲染期间的数据，全部都是从这里读取的，而不是 context 对象
        store.replaceState(context.state);
        resolve(app); return;
    }

    // ... 代码
    
}, reject)

这里要注意，读取缓存数据的代码一定要放在路由的回调 router.onReady 里，直接在外面 resolve 的话，是不会好使的。

好了，现在如果有缓存，则读取缓存当中的数据。

已知的问题：

  • 如果启用 pm2 来管理进程，同时启动多个进程，那把数据缓存在内存中的做法是不行的，因为进程之间的内存不共享，页面的请求与获取 vuex store 数据的请求不是同一个进程处理的话，就获取不到对应的数据里，这种情况推荐使用别的缓存方案，比如 redis

如果还有啥问题，就自己探索吧，毕竟博主并不是个好心人，啊哈哈哈哈。。。。

vue ssr 如何移除 window.__INITIAL_STATE__ 注入_第1张图片

你可能感兴趣的:(SSR)

  • ssrf漏洞复现 ξ流ぁ星ぷ132 安全
    目录基础环境查看phpinfo发现线索探测端口+gopher协议基础环境这里发现一些基础协议呗过滤掉了。但是有个提示的info，于是先看看查看phpinfo发现线索发现这台主机的地址了，于是猜测这个网段应该还有其他主机，试了一下172.21.0.1:80172.21.0.3:80果然如下（0.1是陷阱就不浪费时间了，）探测端口+gopher协议然后对这个172.21.0.3这个主机探测端口发现63
  • 前端每周清单第 16 期：JavaScript 模块化现状；Node V8 与V6 真实性能对比
    前端每周清单第16期：JavaScript模块化现状；NodeV8与V6真实性能对比；Nuxt.jsSSR与权限验证指南为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的Web前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。前端每周清单第16期：JavaScript模块化现状；NodeV8与V6真实性能对比；Nuxt.jsSSR与权限验证指
  • redis锁java实现 brave_zhao redisjava数据库
    以下是几种常见的Redis分布式锁的Java实现方式：1.基于SETNX命令的实现SETNX命令（对应Java中的setIfAbsent方法）是实现Redis分布式锁的基础。以下是实现代码：importredis.clients.jedis.Jedis;publicclassRedisLock{privateJedisjedis;publicRedisLock(Jedisjedis){this.j
  • 如何解决window.__nuxt__太大的问题
    原文链接我自己的网站-----如何解决window.__nuxt__太大的问题提前预告在解决了window.__nuxt__之后，我渲染出来的首页(仅html)缩小了40%问题由于使用了nuxt做ssr，所以会在服务端进行渲染，但是前不久在做seo的时候发现一个问题,如下图:可以看到红色方框里面的脚本，里面包含了服务端渲染所需要的数据(或者说开发者需要用到的数据)，但是这部分数据只是服务端需要的，
  • 2025年渗透测试面试题总结-2025年HW(护网面试) 40（题目+回答）
    安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录2025年HW(护网面试)401.SQL注入读写文件/二次注入/防御2.XSS类型及防御3.CSRF与XSS区别4.文件上传绕过与防御5.服务器解析漏洞6.XXE与SSRF7.RCE与PHP函数区别8.Python迭代器与装饰器9.缓冲区溢出原理/防御10.内网渗透经验1
  • 时序数据库 TDengine × SSRS：专为工业、能源场景打造的报表解决方案
    每当听到“做报表”三个字，是不是内心都会先叹口气？尤其在工业、能源、制造等场景，面对那些结构固定、字段繁多、格式要求严苛的报表任务，用Excel手动拼，真的是既费时又容易出错。现在解决方案来了——时序数据库TDengine与SQLServerReportingServices（SSRS）已经完成无缝集成！高性能时序数据库+企业级报表平台，帮你用更少的操作、更高的效率，制作出更稳定、更规范的专业报表
  • 【esp32-s3】7.2 I2S——播放wav文件 飞鸟厌鱼 esp32esp32s3
    文章目录1前言2硬件3代码4结果1前言本章实现了播放和录制功能。2硬件3代码/*I2SDigitalMicrophoneRecordingExampleThisexamplecodeisinthePublicDomain(orCC0licensed,atyouroption.)Unlessrequiredbyapplicablelaworagreedtoinwriting,thissoftware
  • 时序数据库 TDengine × SSRS：三步搞定自动化报表体系 数据库sql
    每当听到“做报表”三个字，是不是内心都会先叹口气？尤其在工业、能源、制造等场景，面对那些结构固定、字段繁多、格式要求严苛的报表任务，用Excel手动拼，真的是既费时又容易出错。现在解决方案来了——时序数据库TDengine与SQLServerReportingServices（SSRS）已经完成无缝集成！高性能时序数据库+企业级报表平台，帮你用更少的操作、更高的效率，制作出更稳定、更规范的专业报表
  • next.js提供的能力有哪些 啃火龙果的兔子 开发DEMOjavascript开发语言ecmascript
    Next.js是一个基于React的现代全栈框架，提供了丰富的开箱即用功能，以下是其主要能力的全面总结：1.渲染方式静态生成(SSG)getStaticProps：构建时获取数据生成静态页面getStaticPaths：动态路由的静态生成适用场景：博客、文档、营销页等内容不变的页面服务器端渲染(SSR)getServerSideProps：每次请求时获取最新数据适用场景：个性化内容、实时数据仪表盘
  • XSLT注入与安全修复方法
    XSLT注入概述XSLT注入是一种安全漏洞，攻击者通过操纵XSLT（可扩展样式表语言转换）的输入参数或样式表内容，执行恶意操作（如文件读取、远程代码执行、服务端请求伪造）。当用户输入未经严格过滤直接嵌入XSLT处理流程时，可能触发此类漏洞。常见攻击场景与危害敏感文件读取xslt危害：泄露服务器敏感信息。远程代码执行（依赖扩展函数）xslt危害：服务器被完全控制。SSRF（服务端请求伪造）xslt危
  • 2025年渗透测试面试题总结-2025年HW(护网面试) 31（题目+回答） 独行soc 2025年护网面试职场和发展安全linux护网渗透测试
    安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录2025年HW(护网面试)311.自我介绍2.渗透测试流程（五阶段模型）3.技术栈与开发经历4.自动化挖洞实践5.信息搜集方法论6.深度漏洞挖掘案例8.SQL注入实战技巧9.AWVS扫描与防御10.CSRFvsSSRF核心差异11.SSRF正则绕过技术12.虚拟主机识别原
  • OneCode采用虚拟DOM结构实现服务端渲染的技术实践
    一、技术背景与挑战随着企业级应用复杂度的提升，传统服务端渲染(SSR)面临页面交互性不足的问题，而纯前端SPA架构则存在首屏加载慢和SEO不友好的缺陷。OneCode框架创新性地将虚拟DOM技术引入服务端渲染流程，构建了一套兼顾性能与开发效率的企业级前端解决方案。二、虚拟DOM结构设计2.1组件树层次结构OneCode的虚拟DOM基于组件化思想构建，每个组件通过Component类实现，包含以下核
  • Java自定义类热加载实现原理与实践 weixin_ab #类的加载机制java类加载
    Java自定义类热加载实现原理与实践在Java开发中，类热加载（ClassReloading）指在程序运行时动态替换已加载的类，避免重启应用。核心原理是通过自定义类加载器打破JVM类加载的固有规则，实现类的动态加载与更新。以下从实现原理、核心步骤、代码示例到生产实践展开详细解析。一、热加载核心原理：突破类加载机制限制1.类加载器的隔离性每个类加载器维护独立的命名空间，相同类名的类由不同加载器加载会
  • 408考研逐题详解：2010年第18题——CPU寄存器
    2010年第18题下列寄存器中，汇编语言程序员可见的是（）A.存储器地址寄存器(MAR)\qquadB.程序计数器(PC)\qquadC.存储器数据寄存器(MDR)\qquadD.指令寄存器(IR)解析本题考查的是计算机组成原理中关于CPU寄存器的分类及其可见性，特别是汇编语言程序员的视角。存储器地址寄存器（MAR,MemoryAddressRegister）：用于存储CPU即将访问的内存地址（如
  • 2025年的前后端一体化CMS框架优选方案 skywalk8163 多媒体webcms
    以下是结合技术生态、开发效率和商业落地验证，整理的2025年前后端一体化CMS框架优选方案：一、‌主流成熟框架组合‌1.‌React+Node.js(Express/Next.js)‌‌前端‌：React生态成熟，配合Redux状态管理，适合复杂后台界面开发‌78。‌后端‌：Express轻量灵活，Next.js支持SSR优化SEO，无缝对接MongoDB/PostgreSQL‌810。‌案例‌：
  • 广告监测中的iGRP：概念解析与计算方法 weixin_47233946 算法广告分析
    1.什么是iGRP？iGRP（InternetGrossRatingPoints，互联网总收视点）是衡量数字广告活动效果的核心指标之一，由传统电视广告中的GRP（GrossRatingPoints）演变而来。它综合评估了广告在目标人群中的覆盖广度（到达率）和触达深度（频次），为广告主提供跨渠道效果对比的统一标准。2.传统GRP的计算逻辑回顾传统GRP的计算公式为：[\text{GRP}=\text
  • Python内置函数--reversed()
    它将一个序列作为输入，并返回另一个序列，其中元素的顺序与给定输入序列的顺序相反。它不会对原始序列产生任何影响。也就是在原列表的基础上返回一个新的反向列表。粗略的看看classreversed(Iterator[_T],Generic[_T]):@overloaddef__init__(self,__sequence:Reversible[_T])->None:...@overloaddef__in
  • python内置函数reversed_Python3内置函数——reversed() = 翻转我的世界 大龙说学区
    v.颠倒(reverse的过去式和过去分词)；翻转help(reversed)Helponclassreversedinmodulebuiltins:classreversed(object)|reversed(sequence)->reverseiteratorovervaluesofthesequence||Returnareverseiterator||Methodsdefinedhere:
  • 手把手实现RPC框架--简易版Dubbo构造（四）服务端线程池处理请求 反射调用 ”PANDA JAVArpcdubbojava
    本节commit源码地址：11e4aca服务端实现--反射调用服务端如果收到请求就创建一个线程来处理调用，利用线程池创建线程，对多线程情况进行处理（Java线程池学习请戳：https://blog.csdn.net/suifeng3051/article/details/49443835）publicclassRpcServer{privatefinalExecutorServicethreadP
  • Nuxt.js 数据获取全面指南：从基础到高级实践 vvilkin的学习备忘 Nuxtjavascript开发语言ecmascript
    在现代Web应用开发中，高效、可靠的数据获取是构建优秀用户体验的关键。Nuxt.js作为一个基于Vue.js的元框架，为开发者提供了一套完整的数据获取解决方案，既支持客户端渲染(CSR)，也支持服务器端渲染(SSR)和静态站点生成(SSG)。本文将深入探讨Nuxt.js的各种数据获取方法，分析它们的适用场景，并通过实际示例展示如何在实际项目中应用这些技术。一、Nuxt.js数据获取概述1.1为什么
  • 浅谈SSRF mun1ight2u redisweb安全
    ·在redis未授权的情况下如何写webshell命令：/bin/redis-server/etc/redis/redis.conf##启动redis进程ps-ef|grep'redis'##查看redis进程redis-cli-h127.0.0.1-p6379##若redis服务器开放到公网，没有密码校验，可直接连接**进入redis后，配置目录、数据库文件和参数：*configsetdir/w
  • Java容器化核弹级优化：Kubernetes资源调度与性能飙升指南——让Java应用在容器中跑出0.01秒响应！ 墨夶 Java学习资料5javakubernetes开发语言
    在云原生时代，Java应用的容器化部署已成为标配，但如何让Java在容器编排中实现资源利用率提升400%、响应时间缩短至毫秒级？本文将揭秘10大核心优化策略，通过**20000行代码级深度解析一、Java容器化资源调度的核心挑战1.1资源争夺的“死亡螺旋”//未优化的Java容器典型问题publicclassResourceStarvation{publicstaticvoidmain(<
  • 每天一个前端小知识 Day 20 - 服务端渲染（SSR）与前后端一体化开发详解 蓝婷儿 前端面试前端
    服务端渲染（SSR）与前后端一体化开发详解什么是服务端渲染（SSR）？SSR（Server-SideRendering）是指在服务端生成HTML页面并返回给浏览器，由浏览器完成后续的交互逻辑绑定。✅SSR与CSR（客户端渲染）的对比特点SSRCSR首屏速度更快（服务端返回完整HTML）慢（JS加载后再渲染）SEO友好，搜索引擎可抓取完整内容差（默认JS执行后才有内容）页面加载方式首次由服务端渲染，
  • RabbitMQ如何使用线程池进行消费 涛歌依旧fly RabbitMQ医疗挂号系统java-rabbitmqrabbitmqjava
    第一步，先写配置@ConfigurationpublicclassRabbitmqConfig{@Bean("batchQueueRabbitListenerContainerFactory")publicRabbitListenerContainerFactoryrabbitListenerContainerFactory(ConnectionFactoryconnectionFactory){
  • 处理私有方法模拟的深度解析 悟能不能悟 servlet
    核心问题分析模拟私有方法的挑战在于：测试框架无法直接访问私有方法通过反射强制访问会破坏封装性暴力修改方法可见性不是良好实践需要保持测试代码的健壮性推荐解决方案方案一：重构代码（最佳实践）这是最推荐的方式，通过重构代码改善设计：//重构前：包含私有方法的类publicclassA{publicStringa(){returnprocessResult(b());}privateStringb(){/
  • SRS中RTMP推流RTC播放的实现原理及函数执行流程 龙--技术总结分享 RTMPSRSRTCsrswebrtcrtcrtmp
    RTMP转RTC；或者RTC转RTMP，是通过Bridger实现的。RTMP转RTCclassSrsRtcFromRtmpBridger:publicISrsLiveSourceBridgerRTMP推流HTTP回调,类似RTMPmodule中onpublish回调创建接收推流的Threadpublishinghttp_hooks_on_publishacquire_publishdo_publi
  • ARP 协议全面分析：原理、安全与应用 Dsocc 安全网络网络协议
    一、ARP协议基础原理1.1ARP协议的基本概念ARP（AddressResolutionProtocol，地址解析协议）是TCP/IP协议栈中的一个重要低层协议，负责将网络层的IP地址转换为数据链路层的物理MAC地址，使得数据包能够在局域网中准确传输。在计算机网络通信中，当一个设备需要向另一个设备发送数据时，不仅需要知道对方的IP地址，还需要知道其MAC地址。ARP协议就是通过IP地址查询MAC
  • Android 中 函数实现多个返回值的几种方式
    在编程中，函数通常只能返回一个值。但通过使用对象封装、Pair、Triple、数组、列表或Bundle方式，可以轻松地返回多个值。1、对象封装方式创建数据类来封装需要返回的多个值。dataclassResult(valcode:Int,valmessage:String)fungetMultiValues():Result{returnResult(1,"success")}//调用方式valre
  • RabbitMQ实现路由模式发送接收消息
    1.基础类publicclassRabbitMQHelper{publicstaticIConnectionGetConnect(){//连接工厂varfac=newConnectionFactory(){HostName=“127.0.0.1”,//IPPort=5672,//端口UserName=“xxx”,Password=“xxx”,VirtualHost=“/”};returnfac.C
  • 基于RapidOCR与LangChain的PDF图文内容解析器开发 要努力啊啊啊 RAG系统开发指南langchainpdfpython
    fromtypingimportListfromlangchain.document_loaders.unstructuredimportUnstructuredFileLoaderfromdocument_loaders.ocrimportget_ocrimporttqdmclassRapidOCRPDFLoader(UnstructuredFileLoader):def_get_element
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他