Flutter web_view不能访问http的解决办法

最新推荐文章于 2024-10-17 21:43:20 发布

原创最新推荐文章于 2024-10-17 21:43:20 发布 · 2.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#安卓

coding 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决Flutter WebView在iOS和Android 9.0+上无法访问HTTP页面的问题。通过在AndroidManifest.xml中设置networkSecurityConfig属性，并在network_security_config.xml中允许非HTTPS流量，实现了对HTTP请求的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在使用Flutter的插件web_view的时候，出现了打开http网页不能正常访问，但是可以访问https的网页，经过一阵搜索，找到了答案

原因

IOS和Android 9.0+对非HTTPS请求做了一些限制，不能直接访问Http请求，在Android中会出现net:ERR_CLEARTEXT_NOT_PERMITTED的错误

解决办法

在Android中添加信任，详细步骤如下：

在清单文件AndroidManifest.xml的Application的标签里面设置networkSecurityConfig属性，代码如下：

    <?xml version="1.0" encoding="utf-8"?>
    <manifest ... >
        <application android:networkSecurityConfig="@xml/network_security_config">
            <!-- ... -->
        </application>
    </manifest>

如下图所示：

在src/res/xml下面创建network_security_config.xml，配置如下所示：

    <?xml version="1.0" encoding="utf-8"?>
    <network-security-config>
        <base-config cleartextTrafficPermitted="true">
            <trust-anchors>
                <certificates src="system" />
            </trust-anchors>
        </base-config>
    </network-security-config>

如下图所示：