因为页面刷新token会丢失,所以需要持久化处理token
思路:
- 在对token进行初始化的时候先从本地取一下,优先使用本地取到的值
- 在设置token的时候除了在vuex中存一份,在本地也同步存一份
- 在删除token的时候除了把vuex中的删除掉,把本地的也一并删除
1.在utils/auth.js中,提供获取token,设置token的两个方法
2.在vuex中引入方法,并存储token
import { getToken, setToken } from '@/utils/auth' // 持久化处理token
3.退出的时候删除token,只需要把空字符串传入vuex里面就可以