NUXT后台渲染项目踩坑记录

NUXT后台渲染项目踩坑记录

1. fetch is not a function与document is not define之谜
   毫无疑问基于后台渲染的项目中不能使用浏览器方法
   为啥呢???–>当然是因为这个时候浏览器对象还没有生成呢
   这也就是问什么我在使用的document.getElementById('XX')
   时候出现了报错 –>document is not define
   asyncData中执行的代码都是不能使用window方法的
   任何方法都不行…

2. 莫名其妙的报错
   可能是因为引入了代码检查工具的原因
   我的代码总会报错
   报错的内容还都是因为少了空格多了分号之类的…
   这也让我重新学习了一下webstorm的基础设置
   Settings-->Editor-->Code Style-->Javascript
   可以调整代码格式化Shift+Ctrl+l的方法
   简单的调整之后报错就少多了
   再有就是不能使用双引号而使用单引号
   行尾不能有;的问题了
   通常在Settings-->Editor-->Live Templates下可以更改一下也是可以的

3. 路由鉴权系统
   路由鉴权是很多项目中都睡使用到的
   主要是判断用户的状态属性
   NUXT中将鉴权设定为存储在Vuex的store中作为上下文都可以查看的状态值