手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2024年11月10日的文章

uniapp 打包 H5,如何直接部署到 OSS 或者其他平台?

UNIAPP 这玩意吧,你要说有用吧,也有,要说没用吧,也不至于。

uniapp 之前都是拿来做小程序或者 APP的,因为做 H5,就没必要了,对吧。但偶尔其实做做 H5 也挺快的,特别是不需要什么特别权限的时候,毕竟用它自带的 pages.json 连路由也省了。
 
H5 默认打包的时候是打包在 dist/build/h5的目录下面,但事实上我们在部署静态网站的时候,不可能都是叫 H5 的。所以这时候要注意几个点
1、打包到指定目录:在 package.json 中 build:h5 的命令前,指定 UNI_OUTPUT_DIR=dist/build/xxx。
2、此时要注意,在 API 里请求,仍然是/h5,如果这里也要改,得注意 manifest.json 的 H5 节点下,有一个:route.base,设置为和 UNI_OUTPUT_DIR 同名
3、如果要考虑在编译的时候指定域名。则在 H5节点下面,增加:domain
4、如果整体部署在其他平台,类似 oss\qiniu\cos 等。则调整 publicPath 的路径。
 
弄好之后,可以考虑用一键工具进行上传。七牛有 qshell,cos 和 oss 也有其他工具(网上可以搜一下有现成的)。上传前先清空服务器目录,或者进行覆盖 性处理。
到此,整体完成