vue项目打包后 希望可以修改配置(接口地址,系统名称等)

项目打包发布,之后可能存在接口域名更换,项目名称修改等情况,就需要开发人员重新修改代码,重新发布,比较费时费力。希望可以将这些配置在一个文件中,如需更换,运维可直接打开配置文件,更改保存即生效。

一、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里引入即可,具体看我的另一篇博客

 uniapp项目打包H5后 修改固定的配置

猜你喜欢

转载自blog.csdn.net/QQ_Empire/article/details/126248877