flutter 报错 DioError [DioErrorType.DEFAULT]: Bad state: Insecure HTTP is not allowed by platform

错误解释

平台不支持不安全的 HTTP 协议，即不允许访问 HTTP 域名的地址。

产生原因

IOS 和 Android 9.0 对网络请求做了一些限制，不能直接访问 Http 域名的地址。

解决方案

通过配置让我们的项目允许不加密的请求

Android 配置

---

1. 为 android 的清单文件 AndroidManifest.xml 的 application 标签内添加两个属性

1.1 AndroidManifest.xml 路径为：android/app/src/main/AndroidManifest.xml)

1.2 添加的属性为

  android:usesCleartextTraffic="true"

  android:networkSecurityConfig="@xml/network_security_config"

image

2. 添加 network_security_config.xml 文件

2.1 在 android/app/src/main/res 下新建 xml 文件夹

2.2 在 xml 文件夹下创建 network_security_config.xml 文件

2.3 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>

IOS 配置

---

方法一：用 xcode 打开 ios/Runner。找到 Runner 下一级的 Info.plist 文件，添加如下框出的配置：

image

方法二：用vscode更改。找到 ios/Runner/Info.plist，添加关于 NSAppTransportSecurity NSAllowsArbitraryLoads 的配置，如下所示：（这文件里面还有其他好多配置哈，大家不要删除了，这里只是举例显示了关于网络请求需要的配置）

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>    
  <key>NSAppTransportSecurity</key> 
    <dict>      
      <key>NSAllowsArbitraryLoads</key>     
      <true/>   
    </dict>
  </dict>
</plist>