Flutter开发之WebView无法加载HTTP请求（25）

最新推荐文章于 2024-09-05 13:47:03 发布

沐雨07

最新推荐文章于 2024-09-05 13:47:03 发布

阅读量7.3k

点赞数 2

分类专栏： Flutter开发教程文章标签： WebView无法加载HTTP请求 WebView无法加载网页问题 was loaded over HTTPS This content should also be served

本文链接：https://blog.csdn.net/shifang07/article/details/95317258

版权

Flutter开发教程专栏收录该内容

58 篇文章 68 订阅

订阅专栏

I/chromium( 3847): [INFO:CONSOLE(0)] "Mixed Content: The page at 'https://www.baidu.com/' was loaded over HTTPS, but requested an insecure image 'http://127.0.0.1:59468/?data=fCMxIzsjMi8xLzUjLSMyIzsjTXZ3WUJlREtqZ1Z3SWx2YjpKekhiS1h5N1dDV2tSZ3hpZTUwNUZ5Z2h0cnRkVUk0OlZqakVYZnFoNVZZTDJWc21neG9uZUZlZUc2M29KZkdZdHs4UzZRaEhXTEhCLGZJWnQ0RDFpT08xYlJVb3l7aVE5bjZCODR6cmwsNzdzNCwjLSMzIzsjOTU1Y30jLSM0IzsyNjczODM5MzU0NjY6fg%3D%3D'. This content should also be served over HTTPS.", source: https://www.baidu.com/ (0)

如果报这个错误就把下面的前四个代理中：网页代理服务器地址、端口号都清空。Restart模拟器加载网页。就没有了。在这里插入图片描述

flutter_webview_plugin 在使用过程中会iOS出现无法加载HTTP请求的情况，但是Flutter 却可以加载HTTP请求。这就与两个的框架有关了，Flutter是独立于UIKit框架的。

解决方案就是在iOS 的info.plist中添加对HTTP的信任。

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

安卓端 9.0之前的系统，使用过程中并未发生异常。 9.0之后，也不支持HTTP，同样也得添加信任

第一步：在清单文件AndroidManifest.xml的application标签里面设置networkSecurityConfig属性如下:

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

第二步：在资源文件夹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>