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

Question

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

Answer 1

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

Answer 2

interceptor.jsimportaxiosfrom'axios'axios.interceptors.request.use(function(config){//Dosomethingbeforerequestissentconsole.log('beforesending')returnconfig;},function(error){//DosomethingwithrequesterrorreturnPromise.reject(error);})exportdefaultaxiosman.jsimportaxiosfrom'./interceptor.js'Vue.prototype.axios=axios