uniapp打包h5
1. 找到项目中 manifest.json --- H5 配置---运行时的基础路径, 将路径修改为 相对路径(./ )
注意:
1.运行的基础路径系统默认打包路径为绝对路径,如不改,打包时找不到对应的资源(css/js)造成部署失败
2. 修改完后,点击工具栏 --- 发行 --- 网站pc web或手机 h5
3. 弹出弹窗,修改网站标题与网站域名(网站域名取对应项目的域名,一般为https/http开头)填完后直接点击发行。
4. 点击发行后如图
5. 发行成功后,找到 unpackage --- dist --- build --- h5 文件夹, 在外部资源中打开,将 h5 文件夹打包成 zip 格式,然后给到运维,运维会帮忙发布到服务器,发布成功后,运维会给你一个属于 h5 项目的域名 https://xxxx.xxx.com/ 拿取H5域名去拼接页面,就能在浏览器中打开对应的页面了。 ( https://xxxx.xxx.com/#/pages/index/index )
配置到h5项目
访问地址:https://xxx.net/mobileapp/h5/#/
注意:可能会出现图片、图标等路径的问题,所以uniapp项目在开发时最好不要使用相对路径