likes
comments
collection
share

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

作者站长头像
站长
· 阅读数 252

概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一讲解,废话不多说,直接上代码!

1. config配置线上环境访问地址

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

2. manifest.json配置

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

  • 路由模式没有特殊要求,直接选择默认:hash模式
  • 运行的基础路径,如果线上地址为:http://22.33.33:8080/#/ ,则运行基础路径为:./
  • 运行基础路径,线上地址如果多了一层文件夹,需要加文件夹名称,如线上地址为http://22.33.33:8080/#/recover, 则运行基础路径为:./recover

页面报错或者空白,就是因为运行基础路径没有配置好,打包到线上H5后,找不到对应目录下的文件,请按上诉方法进行配置即可。

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

3. 运行打包

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

4. 发行打包

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

  • 此处网站域名可以不配置,因为config里面已经有配置过

5. 打包成功

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

6. 打包后的文件

uniapp 如何一键打包H5概述:uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一

最后将这个build目录下的web压缩给后端部署到线上即可。

END...

转载自:https://juejin.cn/post/7425804396288065574
评论
请登录