首页IT科技uniapp编译成h5然后再编译回来(uniapp项目打包H5后 希望可以修改固定的配置(接口地址,系统名称等))

uniapp编译成h5然后再编译回来(uniapp项目打包H5后 希望可以修改固定的配置(接口地址,系统名称等))

时间2025-08-04 23:16:18分类IT科技浏览4960
导读:一、在static静态目录下创建config.js,如图 config.js...

一               、在static静态目录下创建config.js                ,如图

 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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
表单method(06_HTML_表单提交的细节(submit提交按钮的使用细节))