如何解决window.__nuxt__太大的问题

原文链接

我自己的网站-----如何解决window.__nuxt__太大的问题

提前预告

在解决了window.__nuxt__之后,我渲染出来的首页(仅html)缩小了40%

问题

由于使用了nuxt做ssr,所以会在服务端进行渲染,但是前不久在做seo的时候发现一个问题,如下图:


可以看到红色方框里面的脚本,里面包含了服务端渲染所需要的数据(或者说开发者需要用到的数据),但是这部分数据只是服务端需要的,没有必要再传输回客户端。

解决

1.面向百度(google)编程(上网搜索)

现在百度搜索出来很多都是改源码,不知道是爬虫太厉害还是喜欢抄袭,很多人的方案都是一模一样,而且修改后会有预期之外的bug
window.__nuxt__移除方案之改源码

2.通过社区自己寻求解决方案(这TM和上面有什么区别ヽ(●-`Д´-)ノ)

window.__nuxt__解决方案源泉
这个issue里面提到了一个工具包cheerio,这个工具包就像jquery一样,可以很方便的操作dom(我是这样理解的(~ ̄▽ ̄)~ ),关键就是在于如何通过这个工具找到window.__nuxt__然后移除它。

下面上代码
在nuxt.config.js中添加如下配置

hooks:

你可能感兴趣的:(如何解决window.__nuxt__太大的问题)