本文介绍在项目中使用axios切换生产环境和开发环境接口地址的二种配置

1.常规设置

在只需要配置单个或有限明确的接口域名时可以直接设置，在生产环境和开发环境切换时需手动更改

axios.defaults.baseURL='http://api.cn/';

2.采用配置文件

应用于有多个不明确的部署环境，可在不重新打包的情况下更改接口地址，如下设置后只需在dist里面static下找到config.js更改值即可实现更换接口地址

先新建一个配置文件，在public文件夹下键一个config.js(方便记忆，参数名可自行更改)

window.gurl={   
        AXIOS_TIMEOUT:10000,  
        SERVICE_CONTEXT_PATH:'http://api.cn/' 
 }

在index.html里面引入config.js

<script src="./config.js" type="text/javascript"></script>

main.js

axios.defaults.baseURL = window.gurl.SERVICE_CONTEXT_PATH;