vue中设置interceptors拦截器

// 全局请求头中添加token   请求拦截
axios.interceptors.request.use(request => {
  let token = localStorage.getItem("token");
  if (token) {
    // request.headers['Authorization'] = 'Bearer ' + token
    request.headers['token'] = token;
  }
  return request;
}, error => {
  return Promise.reject(error)
})
request.headers['token'] = token

在这里插入图片描述

request.headers['Authorization'] = 'Bearer ' + token

在这里插入图片描述

// response 相应拦截
axios.interceptors.response.use(res => {
  if (res.data.status === '0') {
    console.log('success')
  } else {
    console.log('response', res)
    router.replace({ name: "Login" }) //跳转到登录页面
  }
  return res;
}, err => {
  return Promise.reject(err)
})
发布了20 篇原创文章 · 获赞 6 · 访问量 645

猜你喜欢

转载自blog.csdn.net/LR13567/article/details/105435152
今日推荐