我要评论前景介绍
按照uniapp官方文档介绍，根据步骤创建了使用vue3的项目；执行命令npm run build:h5,
本地安装了http-server，打包之后的dist文件夹，执行http-server后，可以访问；
但是使用android或者ios进行本地加载白屏；以android为例子，将打包后的文件夹存放到asset文件夹下，使用webview的loadurl加载；
val webview = findviewbyid<webview>(r.id.webview)
val websettings = webview.settings
websettings.javascriptenabled = true
websettings.allowfileaccess = true
websettings.allowcontentaccess = true
websettings.domstorageenabled = true
// 加载本地 html 文件
val htmlfile = "file:///android_asset/plugin_m1010_01/index.html#pages/index/index"
// 确保 html 文件在 assets 文件夹中
webview.loadurl(htmlfile)但是调试发现，白屏；查看android-studio发现了如下问题
uniapp access to script at 'file:///android_asset/assets/index-wzlav6yj.js' from origin 'null' has been blocked by cors policy: cross origin requests are only supported for protocol 。。。。。。
大致意思就是跨域了；按照网上的教程加了一行代码
websettings.setallowuniversalaccessfromfileurls(true);
重新debug调试，可以正常打开了；
ps：亲测了一下，使用vue2的项目打包成h5，是没有这个问题的；应该是vue3的打包改动引起的；
![[ai笔记13] 大模型架构对比盘点：Encoder-Only、Decoder-Only、Encoder-Decoder](https://images.3wcode.com/3wcode/20240728/s_0_202407282026358534.png)
发表评论