前提:我们都知道在登陆的时候后台会返回一串字符串,也就是token, 也是我们常说的身份令牌, 在后续的请求中只有在请求头中携带了token才会被允许访问后台数据,因此如何存储token就显得尤为重要。
如果直接将 ToKen 存储在 Vuex容器中,
好处: 1. 获取方便
2.响应式
缺点: 只要页面一刷新就没数据了。
为了持久化,还需要把 Token 放到本地存储(localStorage–除非手动清除,永久存在)
- 持久化
- 所以,我们采取 Vuex 和 本地存储相结合的方式 来存储 Token
我们可以直接将 操作Token 封装成一个模块,方便后续使用:
export const getToken = key => {
const data = window.localStorage.getItem(key)
console.log(data)
try {
return JSON.parse