在vue-cli中使用axios拦截万分感谢

Question

使用vue-cli做了简单的项目，其中网络请求使用了axios，但是不知道axios的拦截器该怎么挂载到项目上去。假设我在一个js文件中写了如下代码：//Addarequestinterceptorthis.axios.interceptors.request.use(function(config){//Dosomethingbeforerequestissentconsole.log('beforesending')returnconfig;},function(error){//DosomethingwithrequesterrorreturnPromise.reject(error);});那么怎样才能使得它在项目运行的时候生效呢?*axios本身已在man.js中引入：importaxiosfrom'axios'Vue.prototype.axios=axios

Answer 1

axios.interceptors.request.use(function(config){
//Dosomethingbeforerequestissent
console.log('beforesending')
returnconfig;
},function(error){
//Dosomethingwithrequesterror
returnPromise.reject(error);
});
这段代码写在main.js里，或者写在其他文件下然后main.js引入那个文件
                            

Answer 2

interceptor.js
importaxiosfrom'axios'
axios.interceptors.request.use(function(config){
//Dosomethingbeforerequestissent
console.log('beforesending')
returnconfig;
},function(error){
//Dosomethingwithrequesterror
returnPromise.reject(error);
})
exportdefaultaxios
man.js
importaxiosfrom'./interceptor.js'
Vue.prototype.axios=axios