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 的内容了

相关推荐
—Qeyser5 小时前
Flutter 颜色完全指南
android·flutter·ios
2501_916008897 小时前
iOS 上架需要哪些准备,账号、Bundle ID、证书、描述文件、安装测试及上传
android·ios·小程序·https·uni-app·iphone·webview
..过云雨11 小时前
HTTP 协议深度解析:请求/响应、报头、正文的核心原理与实战
网络·网络协议·tcp/ip·计算机网络·http
Mintopia12 小时前
🚀 HTTP/2 多路复用技术全透视
网络协议·http·https
nvd1113 小时前
从 SSE 到 Streamable HTTP:MCP Server 的现代化改造之旅
网络·网络协议·http
Zender Han14 小时前
Flutter Android 启动页 & App 图标替换(不使用任何插件的完整实践)
android·flutter·ios
写代码的【黑咖啡】16 小时前
Python 中的 Requests 库:轻松进行 HTTP 请求
开发语言·python·http
夏侯羽17 小时前
HTTPS 是怎么工作的
网络协议·http·https
—Qeyser17 小时前
Flutter CustomScrollView 自定义滚动视图 - 完全指南
android·flutter·ios
—Qeyser18 小时前
Flutter ListView 列表组件完全指南
android·flutter·ios