参考:uni-app 发布成 H5 后怎么部署到Web服务器上
1. 配置基础路径:mainfest.json->h5->填写运行的基础路径
image.png
配置为
./
,代表可在域名下的任意目录下部署运行
2. 发布为h5
-
发行->网站-H5手机版
image.png -
输入网站域名
网站域名.png -
获取H5打包文件
image.png - 将H5打包文件放在设置的网站下,访问设置的网站域名即可。
如:将 Hello uniCloud 发布H5到“前端网页托管”
1、用 Hbuilderx 创建一个项目:选:uniapp->Hello uniCloud;
2、关联阿里云服务空间,初始化服务空间;
3、发行->上传网站到服务器
4、打开 uniCloud Web 控制台,进行跨域设置
新增域名:
api.bspapp.com
static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com
5、访问: https://static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com 即可
实际应用:可以使用 uniapp 开发小程序作为前端,连接 uniCloud 云服务空间,获取数据;使用 uni-admin 开发后台管理程序(H5),发布到云服务空间的“前端网页托管”,就可以实现不用单独申请云主机,使用uniCloud云服务空间实现前后端系统的部署,而且云服务空间提供一定的免费流量,在开发测试阶段使用是完全没有问题的。