Flutter DevTools网络面板无请求显示问题求助

排查与修复步骤 #

• 开启Dio的DevTools拦截器
  Dio默认未启用DevTools集成，需要在初始化时添加专属拦截器，仅在调试模式下启用：

  import 'package:dio/dio.dart';
  import 'package:flutter/foundation.dart';
  
  final dio = Dio()
    ..interceptors.add(
      kDebugMode ? DioInterceptor() : Interceptor(),
    );
  

• 确认调试环境与连接状态

  • 必须以debug模式运行应用，release模式下DevTools无法捕获任何调试数据
  • 重启Flutter应用和DevTools，重新建立调试连接，避免会话异常

• 版本兼容性检查

  • 升级Flutter到最新稳定版：执行flutter upgrade
  • 升级Dio到最新兼容版本：修改pubspec.yaml中dio的版本号后，执行flutter pub get

• 排查网络与代理干扰

  • 暂时关闭应用内自定义代理配置，避免绕过DevTools的请求捕获
  • 关闭本地防火墙或VPN，防止拦截DevTools与应用的通信

• 手动触发刷新
  发送请求后，点击DevTools网络面板的刷新按钮，等待几秒观察数据是否加载

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