nuxtclient打包文件不停的请求

Posted 2023-03-03

参考技术A 原因是直接执行npmrunbuild，生成一个.output目录。
查阅了官网的配置文档，发现app.buildAssetsDir可以改变静态资源的输出路径（默认值也的确是_nuxt），于是将其改成/后再次打包，然而并没有任何变化。在仔细看了两遍文档无果后，只能撸起袖子从代码入手，最后在.output/server/chunks/render.mjs里发现。
nuxt-client-init-module为Nuxt.js提供了在客户端初始化时注入处理的能力。就像nuxtServerInit一样，可以在根Vuex模块中实现nuxtClientInit操作，该操作仅在客户端渲染时执行。vue-cil项目中通过localstorage或者cookie使vuex的状态持久化，因为vuex刷新后数据会丢失。nuxt项目中created钩子中不存在window对象（localstorage或者cookie的设置需要window对象），比如想要获取登录状态即判断是否存在token时，只能在mounted中进行操作，但这样又会引发一个问题，就是进页面的一瞬间还是无法得知登录状态，体验上会有影响，会存在显示用户名等组件显示隐藏延迟。