码迷,mamicode.com
首页 > Web开发 > 详细

http request 请求拦截器,有token值则配置上token值

时间:2020-08-25 18:27:26      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:axios   oca   set   timeout   cep   拦截器   blog   request   reject   

// http request 请求拦截器,有token值则配置上token值
axios.interceptors.request.use(
  config => {
    if (token) {  // 每次发送请求之前判断是否存在token,如果存在,则统一在http请求的header都加上token,不用每次请求都手动添加了
      config.headers.Authorization = token;
    }
    // sratload();
    return config;
  },
  err => {
    return Promise.reject(err);
  });

// http response 服务器响应拦截器,这里拦截401错误,并重新跳入登页重新获取token
axios.interceptors.response.use(
  response => {
    // if (response.status == 200 || response.status == 201){  
    //   endload();
    // }

    return response;
  },
  error => {
    if (error.response) {
      console.log(error.response.status)
      if(error.response.status == 401){
        alt.error("登陆失效,请重新登录!");
        localStorage.removeItem(‘token‘);

        setTimeout(function () {
          location.href = ‘/index.html‘;
        }, 2000);

      }
    }
    // return Promise.reject(error.response.data)
  });

  转自:https://www.cnblogs.com/zwh520/p/10272305.html

http request 请求拦截器,有token值则配置上token值

标签:axios   oca   set   timeout   cep   拦截器   blog   request   reject   

原文地址:https://www.cnblogs.com/edczjw-Edison/p/13533567.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!