解决：Charles 抓不到 Flutter 网络接口请求

最新推荐文章于 2025-02-24 21:21:11 发布

原创最新推荐文章于 2025-02-24 21:21:11 发布 · 7.9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter #网络请求 #抓包 #Charles #Dio

Flutter-技术篇专栏收录该内容

14 篇文章

订阅专栏

本文解决Flutter应用使用Charles抓包失败的问题，介绍了不走系统代理的原因及解决方案，包括在代码中动态设置代理的方法，并提供了HttpClient和Dio库的具体配置示例。

一、说明

我们在做应用开发的时候，经常需要利用一些工具抓取网络请求接口，这样可以极大的方便接口联调。但是在用 Flutter 做应用开发时 Charles 却抓不到接口，到底是怎么回事呢？

尝试用其它客户端应用请求网络接口，Charles 都是可以成功抓取的，只有 Flutter 应用的接口无法抓到，到底是怎么回事呢？

经过一系列调研，发现 Flutter 应用的网络请求是不走手机的系统代理的，也就是说你在系统设置中设置了代理地址和端口号后 Flutter 也不会走你的代理，而抓接口是必须要设置代理的。

二、解决方案

如果不能走系统代理，那我们只有在代码中动态设置代理来解决问题了。我们一般会用 Dart 自带的 HttpClient 或三方库 Dio 进行网络请求，而这两者也分别有它们自己的设置代理的方法。

1、HttpClient

HttpClient client = HttpClient();
client.findProxy = (uri) {
  // 用1个开关设置是否开启代理
  return AppConstant.isDebug ?  "PROXY 192.168.5.5:8888" : 'DIRECT';
};

2、Dio

  Dio dio = Dio();
  // 设置代理用来调试应用
  (dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate = (client) {
    client.findProxy = (Uri) {
      // 用1个开关设置是否开启代理
      return AppConstant.isDebug ? 'PROXY 192.168.5.5:8888' : 'DIRECT';
    };
  };