token持久化

刷新,token还在---token存在localStorage中

// 消除魔法字符串
const TOKEN_NAME = 'my-token'
// 1. 保存
export const saveToken = (tokenObj) => {
  localStorage.setItem(TOKEN_NAME, JSON.stringify(tokenObj))
}

// 2. 获取
export const getToken = () => {
  return JSON.parse(localStorage.getItem(TOKEN_NAME))
}

// 3. 删除
export const delToken = () => {
  localStorage.removeItem(TOKEN_NAME)
}

 上面是不加( )  报的错误 

token存在cookies中 

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

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

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

然后在vuex中引入 getToken ,setToken,removeToken 

把token存本地和存cookies没什么区别 ,区分就看这两者之间的不同啦,cookies只在设置的过期时间内有效,localStorage始终有效。再来补充一个sessionStorage,仅在浏览器关闭之前有效