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

相关推荐
传奇开心果编程5 小时前
【Flutter踩坑排雷】第25课:ScrollController 误用坑|跳转失效、监听泄漏与“控制器未附加”
android·flutter·ios·移动开发·跨平台·dart·声明式ui
90后的晨仔6 小时前
macOS 27 下两个 Xcode 坑:真机 DDI 错配与模拟器 App Translocation
ios
开心猴爷8 小时前
iOS 上架 App 流程
后端·ios
奶油话梅糖8 小时前
用 iPhone 扫一间房,AI 帮你在浏览器里 1:1 重建它:Wes Bos 的 scan-to-threejs 工作流
人工智能·ios·iphone
茶底世界之下15 小时前
阴天窗边的柿子:用 Awaking 让暖色成为主角
ios·app·产品
Thanks_ks18 小时前
HTTPS:浏览器地址栏那把锁的工作原理
http·网络安全·https·tls·加密算法·数字证书·中间人攻击
杨凯凡19 小时前
Spring Boot 大文件下载如何实现断点续传?HTTP Range、206 与 416 实战
spring boot·后端·http
kango1 天前
iOS 远程推送全链路拆解:从 deviceToken 到多账号绑定
ios·app
FungLeo2 天前
成为全栈·Vue 管理后台篇·用 fetch 建一层可控的请求内核
前端·javascript·vue.js·http·fetch·formdata·接口封装
茶底世界之下2 天前
仙人掌与沙丘的傍晚:用 Awaking 让侧光有了层次
ios·app·产品