位置: IT常识 - 正文
uniapp项目打包H5后 希望可以修改固定的配置（接口地址，系统名称等）(uni-app打包h5)
编辑：rootadminuniapp项目打包H5后 希望可以修改固定的配置（接口地址，系统名称等） 一、在static静态目录下创建config.js，如图
本文链接地址:https://www.jiuchutong.com/zhishi/289697.html
转载请保留说明！
推荐整理分享uniapp项目打包H5后 希望可以修改固定的配置（接口地址，系统名称等）(uni-app打包h5)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:uniapp项目打包后运行报错,uniapp打包成h5如何调用原生,uniapp项目打包为app项目,可以使用flv播放器吗?,uniapp项目打包为app项目,可以使用flv播放器吗?,uniapp项目打包app部署到服务器,uniapp项目打包成apk,uniapp项目打包后运行报错,uniapp项目打包成apk,内容如对您有帮助，希望把文章链接给更多的朋友！
config.js
const globalData = { localBaseUrl: 'https://www.xxxx.com/service/api', // 现测试地址 corpId:'ding562e6256565rw56r323t3ff3fgghhh2351' //公司的钉钉id}二、在manifest.json 的h5下设置"template" : "template.h5.html"三、在项目根目录下新建 template.h5.html 文件，在该文件引入配置文件config.js
template.h5.html 文件内容，引入配置文件config.js
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script> var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />') </script> <script src="./static/configjs/config.js"></script> <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /></head><body> <noscript> <strong>Please enable JavaScript to continue.</strong> </noscript> <div id="app"></div> <!-- built files will be auto injected --></body></html>四、重新运行uniapp项目，配置后一定要重启一下五、使用方式在需要的地方直接使用即可
const serviceIP = globalData.localBaseUrl;//接口配置vue的配置方式可查看之前写的这篇
vue项目打包后 希望可以修改配置（接口地址，系统名称等）项目打包发布，之后可能存在接口域名更换，项目名称修改等情况，就需要开发人员重新修改代码，重新发布，比较费时费力。希望可以将这些配置在一个文件中，如需更换，运维可直接打开配置文件，更改保存即生效。......https://blog.csdn.net/QQ_Empire/article/details/126248877?spm=1001.2014.3001.5501
上一篇：纳库鲁湖周围森林中的两只母狮子，肯尼亚 (© Scott Davis/Tandem Stills + Motion)(纳库鲁的念能力)
下一篇：Anaconda的虚拟环境的包在哪里？（详细教程）(anaconda的虚拟环境的作用)