解决vue.js全家桶之Nuxt.js 中sessionStorage is not defined

解决VUE全家桶中Nuxt.js 中sessionStorage is not defined 

异常现场：

• • 在api.js中使用sessionStorage 拿取数据， 页面访问时，抛异常：sessionStorage is not defined （未定义）
  • 

 

 

• • 错误原因

• • • 1）api.js插件的注册方式：前端 两端都执行（前端客户端，前端服务端）

 

• • • 2）sessionStorage属于前端客户端，也就是浏览器端
    • 3）前端服务端没有sessionStorage概念，也就是Node中没有。

 

• • 解决方案

• • • 1）api.js提供的函数，都是在 前端客户端 执行的
    • 2）将api.js插件的注册方式，修改成  前端客户端，而不是默认的两端。

在nuxt.config.js中添加 mode:' client' 即可解决

plugins: [
    { src: '~plugins/api.js',mode:'client'}
  ]

 

 

 

 

 

请给努力中的自己点个赞哦!

每天进步一点点`~~~~~

来源：oschina

链接：https://my.oschina.net/ithuang/blog/3221467