Capacitor 打包后的 iOS app 无法访问 http 的内容,解决办法

Capacitor 打包后的 iOS app 无法访问 http 的内容,解决办法

上篇文章中说了如何使用 Capacitor 打包成 iOS app 的过程中遇到的问题 Capacitor在 xcode 打包 iOS 应用发布的时候出错

在这之后,遇到了一个新问题, 就是它无法访问 http 的内容。

一、现象是这样的:

  1. 访问本地内容 localhost 192.168.0.x 都是可以的

  2. 但无法访问外部 ip 的内容

    错误信息

    The resource could not be loaded becuase the App Transport Security policy requires the use of a secure connection.

二、原因

iOS app 默认在没有特殊设置的情况下,是默认只允许 https 请求的。除非你刻意设置为允许非 https 的请求。

三、解决

打开项目根目录中的 info.plist 文件,添加两个字段,这两个字段是上下层级关系,不是同级。

  1. 打开项目根目录中的 info.plist 文件

  2. 在空白处右击,点击 add row

  3. 依次添加下面的两个内容,就是下方图片中蓝框的两条。

    App Transport Security Settings
    Allow Arbitrary Loads YES

这样就能正常访问 http 的内容了

相关推荐
EricStone10 小时前
VibeCoding工程流程学习二:iOS项目架构
ios·vibecoding
天桥吴彦祖2 天前
判断iOS如何监听手机屏幕是否锁屏
ios
喵个咪3 天前
Go-Wind HTTP 服务器从入门到精通
后端·http·go
敲代码的鱼3 天前
PDF 预览与签名批注写回 支持安卓 iOS 鸿蒙 UTS插件
android·前端·ios
时光足迹3 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹3 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹3 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹3 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
编程范式5 天前
SwiftUI 中图片如何适配可用空间
ios
songgeb7 天前
启发式 UI 自动化:从线性剧本到每步读屏决策
ios·测试