-
环境变量
想设置某个环境变量在服务端和客户端都能获取,不能光只在package.json的脚本中使用cross-env进行设置,还需要在nuxt.config.js的env中进行添加
-
嵌套路由会进入两次plugin中的js
第一次为首页刷新是打印一个111
后两次为在嵌套页面刷新时所打出的两个1111 -
iconfont和自定义的svg图标的嵌套路由页面刷新不显示
在新闻嵌套页面刷新后icon不出现
在首页刷新后可以出现
且不出现的情况对于自定义的svg图片会一直不出现,而引入的iconfont.js文件会在再次进入首页后出现
- 出现服务端和客服端渲染不一致的报错
[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.
This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>.
Bailing hydration and performing full client-side render.
出现这个说明服务端渲染的dom和客户端(浏览器端)渲染的dom不一致
- 看看是不是有些组件在服务端未渲染
- 尤其注意某些使用了window对象的组件
- 在nuxt.config.js中的plugins对象中添加ssr:false属性
这个问题不处理打包时并不会报错,但是对于打包后的页面在服务端未渲染那么也不会出现在客户端了,所以这些报错必须解决
- store中可以使用this,但是this为context上下文,属于服务端,不是vue.prototype