本文介紹在項(xiàng)目中使用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更改值即可實(shí)現(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;