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

相关推荐
我叫张土豆1 小时前
从 SSE 到 Streamable HTTP:AI 时代的协议演进之路
人工智能·网络协议·http
米啦啦.5 小时前
HTTP,
网络·网络协议·http
亚林瓜子7 小时前
AWS Glue Python Shell中获取外网ip
python·tcp/ip·http·shell·aws·vpc·glue
懋学的前端攻城狮7 小时前
超越Toast:构建优雅的UI反馈与异步协调机制
ios·性能优化
00后程序员张7 小时前
完整教程:如何将iOS应用程序提交到App Store审核和上架
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张8 小时前
iOS应用性能优化全解析:卡顿、耗电、启动与瘦身
android·ios·性能优化·小程序·uni-app·iphone·webview
Evavava啊11 小时前
iOS微信小程序WebView中按钮背景渐变显示问题解决方案
ios·微信小程序·h5·渲染
Freak嵌入式12 小时前
aiohttps异步HTTPS库:uPyPI+MicroPython一键安装
人工智能·python·网络协议·http·https·micropython
Evavava啊13 小时前
微信小程序H5页面iOS视频播放问题解决方案
ios·微信小程序·音视频·h5·http 响应头