uni-app h5打包后如何部署到测试和生产环境

最新推荐文章于 2024-08-02 09:34:46 发布

weixin_43926335

最新推荐文章于 2024-08-02 09:34:46 发布

阅读量1.3w

点赞数 2

分类专栏：自学uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_43926335/article/details/101702664

版权

本文介绍了如何使用uni-app打包H5应用，并针对测试和生产环境进行部署。关键步骤包括在vue-cli中创建uni-app项目，修改package.json的script配置，处理App.vue中的环境变量，以及执行打包命令生成dist目录下的H5包。在部署过程中，可能会遇到'cross-env'命令未找到的问题，解决办法是安装相应依赖。

摘要由CSDN通过智能技术生成

需求：打包测试，生成环境H5包

需求分析：其实就是不同环境调用不同的api地址

首先使用vue-cli创建uni-app
找到package.json文件script配置如下：

"scripts": {
   "serve": "npm run dev:h5",
   "build": "npm run build:h5",
   "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
   "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
   "build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
   "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
   "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
   "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cl