uni-app web-view组件引入H5链接后iOS打包报错安卓正常

uni-app web-view组件引入H5链接后iOS打包报错安卓正常

类别 信息
产品分类 uniapp/App
PC开发环境 Mac
PC版本号 mac
HBuilderX类型 正式
HBuilderX版本号 3.2.16
手机系统 iOS
手机版本号 iOS 13.4
手机厂商 苹果
手机机型 iPhone 13 pro
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤:

ios打包后,打开一个web-view的页面,引入的H5页面报错

预期结果:

正常打开H5页面

实际结果:

报错后,H5白屏

bug描述:

web-view组件引入的H5超链接页面,H5页面在浏览器打开是正常的。ios Hbuilder基座调试正常,云端打包后就报错,报错如下图

image


更多关于uni-app web-view组件引入H5链接后iOS打包报错安卓正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

看报错信息是代码实现问题

更多关于uni-app web-view组件引入H5链接后iOS打包报错安卓正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于iOS的安全策略导致的,特别是ATS(App Transport Security)限制。从你提供的错误信息来看,很可能是H5页面中加载了非HTTPS的资源,或者证书配置有问题。

主要原因和解决方案:

  1. 检查H5链接的协议

    • iOS要求所有网络请求必须使用HTTPS
    • 确保web-view加载的URL是HTTPS开头
    • 如果H5页面内部还引用了其他资源(图片、CSS、JS等),这些也必须使用HTTPS
  2. 配置ATS例外 在manifest.json中配置iOS的ATS设置:

    "app-plus": {
      "distribute": {
        "ios": {
          "ATS": {
            "NSAllowsArbitraryLoads": true,
            "NSAllowsArbitraryLoadsInWebContent": true
          }
        }
      }
    }
回到顶部