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

---

最近在使用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>
  

  如下图所示：