美文网首页前端
axios--拦截器

axios--拦截器

作者: _Miss_Chen | 来源:发表于2019-05-16 10:38 被阅读0次

关于axios的拦截器是一个作用非常大,非常好用的东西。分为请求拦截器和响应拦截器两种。
我一般把拦截器写在main.js里。
(Vue项目越做越多,Axios一直作为请求发送的基础工程,这里就深究一下Axios的拦截器相关的一些逻辑和对应一个比较恶心的场景。)

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);
  });

(非原创)

相关文章

  • axios--拦截器

    关于axios的拦截器是一个作用非常大,非常好用的东西。分为请求拦截器和响应拦截器两种。我一般把拦截器写在main...

  • axios--拦截器(1)

    关于axios的拦截器是一个作用非常大,非常好用的东西。分为请求拦截器和响应拦截器两种。 请求拦截器响应拦截器 我...

  • Spring 实现多个拦截器

    拦截器文件 API拦截器 ADMIN拦截器

  • OkHttp之拦截器(二)

    本篇文章主要介绍OkHttp的默认拦截器 重试拦截器 桥接拦截器 缓存拦截器 连接拦截器 访问服务器拦截器 通过拦...

  • Spring15-拦截器

    定义拦截器 定义拦截器需要实现HandlerInterceptor 配置拦截器 注意:spring mvc的拦截器...

  • 【SpringMVC】拦截器与异常处理

    SpringMVC的拦截器 01-SpringMVC拦截器-拦截器的作用(理解) Spring MVC 的拦截器类...

  • SpringMVC的拦截器

    SpringMVC的拦截器 01-SpringMVC拦截器-拦截器的作用(理解) Spring MVC 的拦截器类...

  • 0219 springmvc-拦截器和响应增强

    拦截器 拦截器分同步拦截器和异步拦截器; HandlerInterceptor 方法和执行时机 可以看Dispat...

  • OKHttp拦截器-缓存拦截器

    OKHttp拦截器-缓存拦截器 CacheInterceptor,OKHttp第三个执行的拦截器就是缓存拦截器了,...

  • NO.78 spring中拦截器、异常处理及jdbc

    1. 拦截器 (1)什么是拦截器? DispatcherServlet收到请求之后,如果有拦截器,则先执行拦截器的...

网友评论

    本文标题:axios--拦截器

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