前端常见问题
选课中心 APP下载
当前位置:首页 > 技能类 > 前端 > 常见问题 > http request 请求拦截器,有token值则配置上token值

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

更新时间:2020-08-25 19:46:48 来源: 阅读量:

【摘要】 http request 请求拦截器,有token值则配置上token值考必过小编为大家整理了关于http request 请求拦截器,有token值则配置上token值的信息,希望可以帮助到大家!

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

标签:axiosocasettimeoutcep拦截器blogrequestreject

// 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值

标签:axiosocasettimeoutcep拦截器blogrequestreject

以上就是http request 请求拦截器,有token值则配置上token值的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!

分享到: 编辑:liuying