vue中的axios拦截器

Posted 2021-02-28 isommer

请求拦截器

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 () {/*...*/});