uniapp打包成H5部署到服务器教程

uniapp打包成H5部署到服务器教程

1：点击菜单栏发行，点击选择网站-H5手机版，

2.进入到manifest.json的h5配置里面，根据自己的情况配置一些信息，我这里是默认的，一定要注意配置运行时候的基础路径（下图红色框标记的地方），如果出现空白页面或者静态文件404的情况，可能是因为这个路径没有配置好。

3.在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）

4：点击发行，控制台会自动编译
注意这个不同于vue，编译完成的文件不支持本地file协议打开。不要使用资源管理器直接打开。直接打开静态文件是看不到东西的。出现以下提示，说明编译成功

5：编译通过，生成静态的h5文件，我们需要将这个h5的文件，部署到我们前面填写的域名（或者服务器的ip）的根目录底下。
（这个h5在上传到服务器的时候，可以自己命名，我命名成work了，命名需要和发布之前的高级配置里面路径保持一致）。