一只小开发仔...

Nuxt服务端/客户端共存Cookie

523 2020-12-18 02:30:01

安装 cookie-universal-nuxt

npm i --save cookie-universal-nuxt

 

配置nuxt.config.js

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

使用

更多用法:https://github.com/microcipcip/cookie-universal/tree/master/packages/cookie-universal-nuxt

methods: {
  login() {
    ...
    this.$cookies.set('token',token,{maxAge: 60 * 60 * 24 }) 
    this.$cookies.get('token') 
    ...
  }
}

同步到vuex

store目录下新建index.js

...
const actions = {
  async nuxtServerInit({ dispatch  }, { app }) {
    获取到token,后面就自由发挥了
    const token = app.$cookies.get('token')
    if (token) {
      await dispatch ('admin/setToken', token)
    }
  }
}
...