uniapp打包成H5遇到的坑，本地访问页面空白

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

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

我这里为了考虑到安全因素，将自己的服务器地址马赛克了。

image

打包完成之后,有的时候会出现这样的提示:

注意请部署到web服务器使用，不支持本地file协议打开。不要使用资源管理器直接打开。

直接在本地打开static里面的inedx.html的时候，会出现空白页面

打开控制台也会发现有相对应的报错

Failed to load resource: net::ERR_FILE_NOT_FOUND
chunk-vendors.0d20bc70.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
index.09d605c0.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

解决办法其实很简单

点击高级按钮，进入到manifest.json的h5配置里面，根据自己的情况配置一些信息，我这里是默认的。

将运行的基础路径添加一下./

再次在本地打开生成的静态文件夹static/index.html,发现可以直接访问了

欢迎关注【编程微刊】公众号，回复【领取资源】,500G编程学习资源干货免费送。