关于nuxt不能使用localStorage和cookie

服务端不能使用localStorage和cookie的解决方案

1.安装下载

npm install cookie-universal-nuxt -s

2.在nuxt.config.js添加

  modules: [
    'cookie-universal-nuxt'
  ],

3.设置cookie

设置和获取 清除cookies

 this.$cookies.set('token', 123456)
 this.$cookies.get("token")
 this.$cookies.remove('token')

在asyncData获取

async asyncData({ app }) {
    console.log(app.$cookies.get("token"));
},

案例

store目录下index.js

export const state = {
    token:''
}
export const mutations = {
 setToken(state,token){
    state.token = token;
    this.$cookies.set('token',token);
 },
 getToken(state){
    state.token = this.$cookies.get('token');
 }
}