Vue中如何详细配置Axios请求拦截器？

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

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

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

先介绍env.js，根据不同的环境改变不同的baseUrl。

javascript// 根据不同的环境更改baseUrllet baseUrl='';

// 开发环境if (process.env.NODE_ENV==='development') { 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

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