Flutter 2.0.0及以上版本发起不安全HTTP请求失败问题求助

解决步骤 #

1. 修正网络安全配置文件名
   你当前的网络安全配置文件名为network_system_config.xml，但AndroidManifest中引用的是@xml/network_security_config，二者名称不匹配导致配置未生效。请将文件名修改为network_security_config.xml，放置在android/app/src/main/res/xml路径下，若没有xml目录可手动创建。

2. 调整配置项位置（可选优化）
   AndroidManifest中<meta-data android:name="io.flutter.network-policy" android:resource="@xml/network_security_config"/>不需要放在<activity>标签内，可移到<application>标签下，和其他全局meta-data平级即可。

3. 避免在Web端测试HTTP请求
   你当前的可用设备包含Chrome、Edge浏览器，Web端浏览器默认会拦截不安全的HTTP请求，且受跨域策略限制，测试HTTP接口请使用Android真机/模拟器运行。

4. 全量清理缓存重新编译
   修改原生配置后热重载、热重启不会生效，需按以下步骤重新运行：

• 执行flutter clean清理项目缓存
• 执行flutter pub get重新拉取依赖
• 卸载手机上已安装的旧版应用
• 重新运行项目安装新版应用

5. 补充异常捕获定位具体问题
   你的代码未对请求做异常捕获，若请求直接抛出异常会跳过后续状态判断，建议调整代码增加错误日志打印：

CustomButton(
  btnWidth: 100.0,
  btnHeight: 45.0,
  btnOnPressed: () async {
    if (_formKey.currentState.validate()) {
      setState(() {
        _isWorking = true;
      });
      String url = "http://my-IP:5000/end-point";

      var body = {
        "username": "someUsername",
        "password": "somePassword",
        "targeted_username": "someUsername",
      };
      var headers = {
        "Accept": "application/json",
      };
      try {
        http.Response response = await http.post(
          Uri.parse(url),
          body: body,
          headers: headers,
        ).whenComplete(() {
          setState(() {
            _isWorking = false;
          });
        });
        print(response.body);
        if (response.statusCode == 200) {
          setState(() {
            _dataScraped = !_dataScraped;
          });
          print(response.body);
        } else {
          print("请求错误，状态码：${response.statusCode}, 响应内容：${response.body}");
        }
      } catch (e, stackTrace) {
        print("请求抛出异常：$e");
        print("堆栈信息：$stackTrace");
        setState(() {
          _isWorking = false;
        });
      }
    }
  },
  btnColor: kLightGreenColor,
  btnText: _isWorking
      ? kLoaderWhite
      : Text(
          "Get Data",
          style: kBtnTextStyle,
        ),
),

注：你原来在请求头中添加的Access-Control-Allow-Origin是服务端返回的响应头，请求侧添加没有实际作用，可以直接删除。

内容的提问来源于stack exchange，提问作者Hamza