token的封装及调用

 实际开发中,一个项目其实就是一个个组件来组合出来一个项目

比如登录信息的token保存 下面代码 可以复制复用的

 这里给大家展示保存到浏览器 可以用来实现判断用户登录情况

// 操作认证信息token的工具函数
const KEY = '****-****-**-****'
// 获取token
export const getToken = () => {
  return localStorage.getItem(KEY)
}
// 设置token
export const setToken = (token) => {
  localStorage.setItem(KEY, token)
}
// 删除token
export const delToken = () => {
  localStorage.removeItem(KEY)
}

我这里就是token  拦截器 路由 等等 都是分开来

 

而使用的时候 只需要调用即可

 这样 你使用的时候 比如需要请求头 里面需要token  那么可以调用过来使用