前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uniapp打包成H5遇到的坑,本地访问页面空白

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

作者头像
王小婷
发布2020-07-15 16:00:41
8.7K1
发布2020-07-15 16:00:41
举报
文章被收录于专栏:编程微刊

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

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

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

image

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

代码语言:javascript
复制
注意请部署到web服务器使用,不支持本地file协议打开。不要使用资源管理器直接打开。

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

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

代码语言:javascript
复制
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,发现可以直接访问了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解决办法其实很简单
  • 将运行的基础路径添加一下./
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档