当前位置:   article > 正文

如何解决window.__nuxt__太大的问题_nuxt 如何避免 dom 规模过大

nuxt 如何避免 dom 规模过大

原文链接

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

提前预告

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

问题

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

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

解决

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

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

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

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

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

hooks:
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/人工智能uu/article/detail/971337
    推荐阅读
    相关标签
      

    闽ICP备14008679号