Token数据持久化

封装本地存储模块

安装处理插件

npm install js-cookie --save

import Cookies from 'js-cookie' // 引入一个处理插件

const TokenKey = 'hrsaas-ihrm-token' // 设置一个唯一key

export function getToken() { // 获取token
  return Cookies.get(TokenKey)
}

export function setToken(token) { // 赋值_设置token
  return Cookies.set(TokenKey, token)
}

export function removeToken() { // 删除token_值为空
  return Cookies.remove(TokenKey)
}

vuex中封装处理方法

import { getToken, setToken, removeToken } from '@/utils/auth'
const state = {
  token: getToken() // token设置为本地存储状态
}
const mutations = {
  setToken(state, token) { // 设置token
    state.token = token // 最新数据赋值vuex,
    setToken(token) // 并更新本地存储数据保持最新
  },
  removeToken(state) { // 删除token方法
    state.token = null // token置空
    removeToken() // 删除token
  }
}
const actions = {}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}