本文介紹在項目中使用axios切換生產(chǎn)環(huán)境和開發(fā)環(huán)境接口地址的二種配置
1.常規(guī)設(shè)置
在只需要配置單個或有限明確的接口域名時可以直接設(shè)置，在生產(chǎn)環(huán)境和開發(fā)環(huán)境切換時需手動更改
axios.defaults.baseURL='http://api.cn/';
2.采用配置文件
應(yīng)用于有多個不明確的部署環(huán)境，可在不重新打包的情況下更改接口地址，如下設(shè)置后只需在dist里面static下找到config.js更改值即可實現(xiàn)更換接口地址
先新建一個配置文件，在public文件夾下鍵一個config.js(方便記憶，參數(shù)名可自行更改)
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;
