当前位置: 首页 > article >正文

测试使用vite搭建的uni-app打包app区分开发环境和生产环境

用脚手架搭建的uniapp项目,打包H5和小程序可以和web端一样,能够通过env.dev和env.prod区分开发环境和生产环境,但是不知道打包成app时如何区分开发环境和生产环境,在此做一个测试记录。

打开package.json文件,在scripts脚本中添加打包执行脚本,前提需要你已经创建好.env.dev和.env.prod文件

 "build:app-plus": "uni build -p app-plus --mode prod",

整体思路是我的prod文件里有一个生产地址,然后我在页面里尝试打印出来,然后最后打包成app看页面的打印结果是否切换成了生产地址。

执行打包命令

npm run build:app-plus

根据提示前往HBuilder,将打包后的dist文件下的app文件引入进来,点击云打包生成apk文件。

在手机上安装打包好apk程序后进入app界面就可以看到页面上显示的title是“生产地址”了,所以按照这样的流程可以做到打包app时,可以通过不同的执行脚本切换api地址。


http://www.kler.cn/a/402489.html

相关文章:

  • 【C++篇】排队的艺术:用生活场景讲解优先级队列的实现
  • Centos-stream 9,10 add repo
  • 使用ChatGPT生成和优化电子商务用户需求规格说明书
  • 【实战】基于urllib和BeautifulSoup爬取jsp网站的数据
  • 区块链讲解
  • 4-SpringCloud整合服务间的调用即负载均衡
  • linux 中mysql查看慢日志
  • 51c自动驾驶~合集31
  • 用Rust中byteorder包高效处理字节序列
  • 第二十二章 Spring之假如让你来写AOP——Target Object(目标对象)篇
  • 项目管理交流会 | 产品研发项目管理主题会议成功举办
  • Cesium 加载B3DM模型
  • 枫清科技亮相 2024 中国 5G+工业互联网大会,推动 AI 赋能新型工业化
  • Spring Boot教程之四:在IntelliJ IDEA 以及 Eclips IDE中创建和配置Spring Boot
  • 根据条件 控制layui的table的toolbar的按钮 显示和不显示
  • 【Redis】实现点赞功能
  • 5.tree of thought 源码 (prompts 类)
  • 零基础入门Flink,掌握基本使用方法
  • 华为openEuler考试真题演练(附答案)
  • # TCP、UDP、HTTP、Socket
  • 无人机CAN总线基础——CKESC电调小课堂14
  • 平价鼠标推荐-英菲克PW1有线鼠标
  • 【Spring boot】微服务项目的搭建整合swagger的fastdfs和demo的编写
  • Linux中定时操作
  • 【AIGC】破解ChatGPT!如何使用高价值提示词Prompt提升响应质量
  • 109. UE5 GAS RPG 实现检查点的存档功能