Flutter教程Dio网络请求库的进阶用法

在使用Dio进行Flutter网络请求时，遇到几个进阶问题想请教：

  1. 如何处理Dio的拦截器(Interceptor)实现全局Token失效自动刷新？目前手动管理401状态码逻辑混乱，能否提供完整链式调用的示例？

  2. Dio的CancelToken在实际项目中应该如何合理使用？比如页面销毁时取消请求，但某些关键请求（如支付）需要豁免取消，这种矛盾情况如何优雅处理？

  3. 文件分块上传时，如何通过Dio实现实时进度显示和断点续传？官方文档只提到简单文件上传，求具体实现方案。

  4. 遇到SocketException等底层异常时，Dio的错误回调处理比较笼统，有没有最佳实践能区分网络断开、DNS失败、SSL错误等不同故障类型？


更多关于Flutter教程Dio网络请求库的进阶用法的实战教程也可以访问 https://www.itying.com/category-92-b0.html

3 回复

在Flutter中使用Dio进行网络请求时，除了基本的GET、POST请求外，还有一些高级用法能提升开发效率。首先，通过拦截器Interceptor可以统一处理请求头、加载动画或错误提示。例如，在请求前添加Token认证信息，或者在响应后解析数据。

其次，Dio支持丰富的配置选项，比如设置超时时间、自定义BaseURL、发送 FormData 等。例如，可以通过 options.connectTimeout 和 options.receiveTimeout 来避免网络延迟导致的问题。

另外，Dio还提供了并发请求的能力，通过 Future.wait() 或者 await dio.all([...]) 可以同时发起多个请求并处理结果，这对于需要并行加载多个接口数据的场景非常有用。

最后，别忘了处理异常，Dio会抛出 DioError，你可以捕获它并根据错误类型（如连接失败、超时等）做出相应的处理，这样可以提供更好的用户体验。

更多关于Flutter教程Dio网络请求库的进阶用法的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中使用Dio进行网络请求时，除了基本的GET、POST请求外，还有很多进阶用法：

  1. 拦截器：通过interceptors添加请求和响应拦截器。例如，可以统一处理token过期、日志打印等功能：

    dio.interceptors.add(InterceptorsWrapper(
  onRequest: (options, handler) {
    options.headers['Authorization'] = 'Bearer $token';
    return handler.next(options);
  },
  onResponse: (response, handler) {
    print(response.data);
    return handler.next(response);
  },
));

  2. 超时设置：可以通过connectTimeout和receiveTimeout来设置连接和数据接收的超时时间：

    dio.options.connectTimeout = 5000; // 5秒
dio.options.receiveTimeout = 3000; // 3秒

  3. 文件上传下载：支持断点续传和进度监听。例如上传文件：

    dio.post('/upload', data: FormData.fromMap({
  "file": await MultipartFile.fromFile(file.path, filename: file.name),
}), onSendProgress: (int sent, int total) {
  print((sent / total * 100).toStringAsFixed(0) + "%");
});

  4. 自定义错误处理：通过异常捕获和处理，提升用户体验：

    try {
  final response = await dio.get('/data');
} catch (e) {
  if (e is DioError) {
    print(e.message);
  }
}

这些进阶功能让Dio在实际开发中更加灵活和强大。

Flutter Dio网络请求进阶用法

Dio是Flutter中一个强大的HTTP网络请求库，以下是一些进阶用法：

1. 拦截器(Interceptors)

dio.interceptors.add(InterceptorsWrapper(
  onRequest: (options, handler) {
    // 请求前添加token
    options.headers['Authorization'] = 'Bearer xxx';
    return handler.next(options);
  },
  onResponse: (response, handler) {
    // 统一处理响应
    return handler.next(response);
  },
  onError: (DioError e, handler) {
    // 统一错误处理
    return handler.next(e);
  }
));

2. 取消请求

CancelToken token = CancelToken();

// 发起请求
dio.get('/test', cancelToken: token);

// 取消请求
token.cancel('请求被取消');

3. 文件下载与上传

// 文件下载
dio.download(
  'http://example.com/file.zip',
  '/local/path/file.zip',
  onReceiveProgress: (count, total) {
    print('进度: ${count / total * 100}%');
  }
);

// 文件上传
FormData formData = FormData.fromMap({
  'file': await MultipartFile.fromFile('/path/to/file'),
  'name': 'upload_file'
});
await dio.post('/upload', data: formData);

4. 请求重试

dio.interceptors.add(
  RetryInterceptor(
    dio: dio,
    logPrint: print,
    retries: 3, // 重试次数
    retryDelays: const [
      Duration(seconds: 1),
      Duration(seconds: 2),
      Duration(seconds: 3),
    ],
  ),
);

5. 自定义适配器

可以创建自定义适配器来处理特殊场景：

class CustomAdapter extends HttpClientAdapter {
  final DefaultHttpClientAdapter _adapter = DefaultHttpClientAdapter();

  @override
  Future<ResponseBody> fetch(RequestOptions options, ...) async {
    // 自定义逻辑
    return _adapter.fetch(options, ...);
  }
}

dio.httpClientAdapter = CustomAdapter();

6. 缓存策略

结合dio_http_cache插件实现缓存：

dio.interceptors.add(DioCacheManager(
  CacheConfig(baseUrl: "http://www.example.com")
).interceptor);

这些进阶用法可以帮助你更好地利用Dio处理复杂网络请求场景。

回到顶部