笔记：nuxt踩坑指南

1.nuxt、最新版安装后没有 server目录
解决方法： 安装指定版本 @^2.0.0 （）

2.nuxt、rem单位设置
解决方法：在nuxt.config.js 声明变量字符串的形式赋值在head中引入

3.nuxt、引入组件在服务端渲染错误
解决方法：在nuxt.config.js 的plugins中设置ssr为false

4.nuxt、源代码css样式过多影响页面seo优化
解决方法：使用外联样式 在nuxt.config.js 中的build配置extractCSS: { allChunks: true }

5.nuxt、首次进入页面接口请求数据没有被ssr渲染
解决方法：使用asyncData方法和vue的data一样return出去数据
注意：asyncData中无法获取到this

6.nuxt、image的src使用变量路径无法正确匹配图片路径
解决方法：在路径前使用require包裹或添加/_nuxt前缀

7.nuxt、asyncData中无法使用this.$axios
解决方法：单页面中使用import引入axios

8.nuxt、每次 npm run 提示是否允许跟踪提交
解决方法：nuxt.config.js中设置telemetry: false

9.nuxt、asyncData axios请求无返回参数undefined
解决方法：使用es6 的async 和 await

10.nuxt、首次渲染v-if数据全部隐藏条件成立后也不会出现
解决方法：所有 v-if 改为 v-show
nuxt.config.js中 build里面配置analyze: true, // 开启打包分析

11.nuxt数据传达并且在asyncData中获取
使用vuex配合vuex-persistedstate
在asyncData函数中定义形参取值格式为：形参.store.state.文件名.变量名