vue中的axios攔截器

請求攔截器

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