Flutter配置Android和IOS允许http访问

Android和iOS平台的HTTP访问配置,

原创已于 2023-12-27 14:49:35 修改 · 2.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #ios

于 2023-12-27 11:28:11 首次发布

Android学习同时被 3 个专栏收录

32 篇文章

订阅专栏

Flutter学习

29 篇文章

订阅专栏

ios

15 篇文章

订阅专栏

本文详细介绍了如何在Android和iOS应用中允许对HTTP的访问，包括在Android中的XML配置和在iOS中的Info.plist设置，以及可能导致的问题和解决方案。

默认情况下，Android和IOS只支持对https的访问，如果需要访问不安全的连接，也就是http，需要做以下配置。

Android

在res目录下的xml目录中(如果不存在，先创建xml目录)，创建一个xml文件network_security_config.xml

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

然后在manifest.xml中，application标签上添加android:networkSecurityConfig，值为@xml/network_security_config。
同时添加meta-data，name的值是io.flutter.network-policy

    <application
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher"
        android:label="flutter_app"
        android:networkSecurityConfig="@xml/network_security_config">
    	<activity>
    		.....
    	</activity>
    	<meta-data android:name="io.flutter.network-policy"
             android:resource="@xml/network_security_config"/>
    </application>

IOS

如果不允许http，在IOS的webview加载网页时，如果img标签的图片url是http，可能会无法显示，出现以下的错误，图片直接变成一个问号。
在这里插入图片描述

以下配置只选择一种方式即可。

配置1

打开Info.plist，添加以下内容

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
    <key>NSAllowsArbitraryLoadsInWebContent</key>
    <true/>
</dict>

配置2

在Xcode中打开Info.plist。
在这里插入图片描述

在右边选中Information Property List，右键Add Row,添加一行新的属性。
在这里插入图片描述
选择App Transport Security Settings，然后添加2个子item，NSAllowsArbitraryLoads 和NSAllowsArbitraryLoadsInWebContent，value都选择YES，也就是True了。