Vue中Axios拦截器如何改写以实现更复杂的请求处理逻辑？

本文共计627个文字，预计阅读时间需要3分钟。

需求是截取前端网络请求和响应。废话不多说，直接上干货。

使用vue-cli3，以下是我自定义的config文件内容：

javascript// env.js// 根据不同的环境修改baseUrllet baseUrl='';

// 开发环境if (process.env.NODE_ENV==='development') { baseUrl='';}

export default { baseUrl};

需求是拦截前端的网络请求和相应。

废话不多说，直接上干货。

我用的是vue-cli3所以这个config文件是我自己创建的。

先介绍env.js

//根据不同的环境更改不同的baseUrl let baseUrl = ''; //开发环境下 if (process.env.NODE_ENV == 'development') { baseUrl = ''; } else if (process.env.NODE_ENV == 'production') { baseUrl = '生产地址'; } export { baseUrl,//导出baseUrl

在这里我首先设置了开发环境和生产环境的地址，并向外抛出。