项目打包发布,之后可能存在接口域名更换,项目名称修改等情况,就需要开发人员重新修改代码,重新发布,比较费时费力。希望可以将这些配置在一个文件中,如需更换,运维可直接打开配置文件,更改保存即生效。
一、Vue项目下找到public文件夹,在该文件夹下建 config.js 文件(文件名随意)
//ipConfig.js
window.g = {
localBaseUrl: 'http://xxx.xx.xx.236/ZTTS/Service' // 本项目地址
};
也可以,引入到index.html后直接调用即可
//ipConfig.js
const globalData = {
localBaseUrl: 'http://xxx.xx.xx.236/ZTTS/Service' // 本项目地址
};
二、在 项目 index.html 文件中引入该文件
<script src="./ipConfig.js"></script>
三、页面中使用
window.g.localBaseUrl
如需修改相关配置,运维人员可自行更改。如配置更改后不生效,可清除浏览器缓存后再查看。
uniapp开发H5则是配置在static文件内,在需要的api里引入即可,具体看我的另一篇博客