前端请求接口配置请求头携带token

2,134 阅读1分钟

登陆时获取到后端传来的token,将token保存到本地或状态管理工具中

//res为请求到的数据
sessionStorage.setItem('token', JSON.stringify(res.data.accessToken))

在请求拦截器中添加token

axios.interceptors.request.use((config) => {
  // config 是 axios 配置对象
  // 获取token
  let token = window.sessionStorage.getItem('token');
  // 添加token
  //Bearer为token类型,根据自己的类型更改
  token && (config.headers.Authorization = 'Bearer ' + JSON.parse(token));
  return config;
}, (error) => {
  // 请求出错
  return Promise.reject(error);
});