在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){//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