uniapp打包成h5

3,689 阅读1分钟

uniapp打包h5步骤如下:

一、配置manifest.json

image.png 此处需要注意的主要是基础路径,若此路径配置不正确,极有可能导致页面空白或者404. 此处一开始我选择的是/h5/,服务器端也是这个路径,但最后还是页面空白,最后选择使用./相对路径的方式来配置。

但配置./后,页面路由将强制转变为hash模式,需要注意。

二、选中项目,并点击发行

uniapp发行.png 三、点击网站-PC Web或者手机H5

发行2.PNG

四、在弹窗处配置服务器路径

发行3.png 此处可以是网站域名,也可以是服务器地址

五、将打包之后的h5文件夹压缩发给运维,部署到服务器