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

vue中的axios拦截器

时间:2020-04-20 16:08:11      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:inter   fun   create   tor   int   config   pre   两种   promise   

请求拦截器

axios的拦截器是一个非常实用的东西。分为请求拦截器和响应拦截器两种。一般把拦截器写在main.js中

        axios.interceptors.request.use(function(config){
             //在发送请求之前要做的事,例如加token
             ~~~
             return config
        },function(err){
             //对请求错误做些什么
             return Promise.reject(err)
        })

响应拦截器

        axios.interceptors.response.use(function(res){
             //在接受响应要做的事,例如跳转到登陆页面
            ~~~
            return res
        },function(err){
            //对请求错误做些什么
            return Promise.reject(err)
        })

移除拦截器

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

为axios实例添加拦截器

var instance = axios.create();
instance.interceptors.request.use(function () {/*...*/});

 

vue中的axios拦截器

标签:inter   fun   create   tor   int   config   pre   两种   promise   

原文地址:https://www.cnblogs.com/isommer/p/12737951.html

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