Flutter web_view不能訪問http的解決辦法

最近在使用Flutter的插件web_view的時候，出現了打開http網頁不能正常訪問，但是可以訪問https的網頁，經過一陣搜索，找到了答案

原因

IOS和Android 9.0+對非HTTPS請求做了一些限制，不能直接訪問Http請求，在Android中會出現net:ERR_CLEARTEXT_NOT_PERMITTED的錯誤

 

解決辦法

在清單文件\android\app\src\main\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>

如下圖所示：