vue中token持久化

先将token保存到vuex中，如果读者不知道怎么保存 具体可以参考我的上篇博客

具体配置

1.在utils中的auth文件中，框架已经给我们配置好了具体方法，只需要将存储的token换成一个独一无二的值即可

import Cookies from 'js-cookie'
const TokenKey = 'xxxxxx' // 设定一个独一无二的key
export function getToken() {
  return Cookies.get(TokenKey)
}

export function setToken(token) {
  return Cookies.set(TokenKey, token)
}

export function removeToken() {
  return Cookies.remove(TokenKey)
}

 2.然后在vuex中存放token的文件中引入调用即可

import { getCookieToken, setCookieToken, removeCookieToken } from '@/utils/auth'
export default {
  namespaced: true,
  // 公共数据
  state: {
    // 本地取一下token
    token: getCookieToken() || null
  },
  mutations: {
    // 设置token
    setToken(state, newToken) {
      state.token = newToken

      // 本地存储token
      setCookieToken(newToken)
    },
    // 删除token
    removeToken(state) {
      state.token = null
      // 删除本地token
      removeCookieToken ()
    }
  },
  actions: {}
}