美文网首页
axios请求拦截器和响应拦截器

axios请求拦截器和响应拦截器

作者: zhenghongmo | 来源:发表于2020-06-08 14:46 被阅读0次

    1、请求拦截器

    • 请求拦截器的作用是在请求发送前进行一些操作,例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易。
    axios.interceptors.request.use(function (config) {
        // 在发送请求之前做些什么,例如加入token
        .......
        return config;
      }, function (error) {
        // 对请求错误做些什么
        return Promise.reject(error);
      });
    

    2、响应拦截器

    • 响应拦截器的作用是在接收到响应后进行一些操作,例如在服务器返回登录状态失效,需要重新登录的时候,跳转到登录页。
    axios.interceptors.response.use(function (response) {
        // 在接收响应做些什么,例如跳转到登录页
        ......
        return response;
      }, function (error) {
        // 对响应错误做点什么
        return Promise.reject(error);
      });
    

    3、移除拦截器

    var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
    axios.interceptors.request.eject(myInterceptor);
    

    相关文章

      网友评论

          本文标题:axios请求拦截器和响应拦截器

          本文链接:https://www.haomeiwen.com/subject/narltktx.html