至臻 发表于 2020-8-7 09:00:50

vue axios拦截器总结

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


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


4. 为axios实例添加拦截器var instance = axios.create();instance.interceptors.request.use(function () {/*...*/});

原文地址:https://segmentfault.com/a/1190000016980755

页: [1]
查看完整版本: vue axios拦截器总结