webview嵌入umi开发的h5白屏
最近公司搞一个h5项目、又一个扫码的功能、要调用终端设备,因为对方的开发人员没在这边、所以让我来写一个rn的套壳app、跑一边流程;结果打包完、给我静态资源后、发现白屏;
因为此项目也要能离线访问、所以需要将静态资源直接嵌入到webview中、所以h5打包完之后,直接嵌入webview;
一开始白屏、我以为是rn这边的webview有问题、做了一下工作排查;
1、自己写了测试的html嵌入进去没问题、
2、写了node本地服务、把文件托管到静态服务上、嵌入对应地址,没问题;
我想可能是h5有问题、于是我嵌入本地开发地址、发现是可以的;
然后我又打开打包后dist下的index.html 发现本地浏览器打开也是白屏;报如下错误
原来打出来的包、路由使用了history模式、恍然大悟;
如果是history模式,比如进入项目要redirect到/login下、那么会把/login当作get请求去获取对应资源地址、如果在服务器、那么返回index.html 做渲染、在本地是没法请求的;所以这种模式也是错误的;
于是让他们改成hash模式、发现打开后有资源引用不正确、这里我们在往app嵌的时候,需要将打包后的资源引用路径做一修改、在配置文件中将publicPath改为’./’;
打完包嵌入apk ok
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhicgbbe
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
excel图片置于文字下方的方法
PHP中文网 06-27 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
微信提示登录环境异常是什么意思原因
PHP中文网 04-09 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22 -
微信人名旁边有个图标有什么用
PHP中文网 03-11