Flutter中通过Charles无法抓包的问题解决

最新推荐文章于 2025-03-15 05:26:52 发布

Kimser

最新推荐文章于 2025-03-15 05:26:52 发布

阅读量1.8k

点赞数

文章标签：笔记

原文链接：https://blog.youkuaiyun.com/weixin_53312997/article/details/129667335

版权

文章介绍了如何在Flutter项目中，使用dio库配置代理以配合Charles进行HTTP和HTTPS请求的抓包。关键步骤包括设置dio的httpClientAdapter，配置代理为本地Charles的端口8888，并通过client.badCertificateCallback忽略证书错误以解决抓包HTTPS请求时的证书问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提已经配置好Charles（代理、证书...）！

http请求库配置代理

dio配置代理
flutter项目里通常用dio库做http请求，我们可以通过dio的httpClientAdapter属性配置我们的本地代理。代码如下：

import 'package:dio/dio.dart';

var dio = Dio();
(dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate =(client) {
  client.findProxy = (uri) {
    return 'PROXY localhost:8888';};
  client.badCertificateCallback =
  (X509Certificate cert, String host, int port) => true; //忽略证书
};

其中client.findProxy函数用来返回我们的代理接口，charles的默认的系统代理端口是8888，所以这里配置成

PROXY localhost:8888就可以了。下面一句client.badCertificateCallback函数也很关键，如果不进行配置，charles在抓包https请求时会出现下图错误：

这个错误产生的原因，经我查阅网上资料是因为Flutter请求https时用的是自己的CA认证证书，所以charles在认证证书时没有通过，导致抓包错误。所以我们直接通过client.badCertificateCallback函数返回true来忽略证书就好了。

参考：Flutter配置代理抓包_flutter 代理_前端开发小陈的博客-优快云博客