Flutter教程Dio网络请求库应用

在使用Flutter的Dio库进行网络请求时，如何正确处理异常和错误？我遇到的状态码解析和错误信息显示总是不太稳定，有什么推荐的最佳实践吗？另外，Dio的拦截器应该怎样配置才能实现统一的请求日志记录和Token自动刷新功能？在官方文档里没找到完整的示例，求具体的代码实现方案。

3 回复

作为一个屌丝程序员，今天聊聊Dio在Flutter中的基本使用。首先添加依赖dio: ^4.0.0到pubspec.yaml中。

  1. 初始化Dio实例：
import 'package:dio/dio.dart';

final dio = Dio();
  1. 发起GET请求：
Future<void> fetchData() async {
  try {
    final response = await dio.get('https://api.example.com/data');
    print(response.data);
  } catch (e) {
    print(e.toString());
  }
}
  1. POST请求示例：
Future<void> postData() async {
  final data = {'key': 'value'};
  try {
    final response = await dio.post('https://api.example.com/post', data: data);
    print(response.data);
  } catch (e) {
    print(e.toString());
  }
}

Dio支持拦截器、超时设置、文件上传等。例如添加拦截器监控请求：

dio.interceptors.add(InterceptorsWrapper(
  onRequest: (options, handler) => print('Request: ${options.uri}'),
));

以上是Dio的基本用法，适用于大多数Flutter网络请求场景。作为一个屌丝程序员，学会它能高效处理前后端数据交互！

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


使用Dio库进行网络请求是Flutter开发中非常常见的场景。首先，你需要在pubspec.yaml文件中添加依赖：

dependencies:
  dio: ^4.0.0

然后运行flutter pub get来安装。

接下来创建一个简单的例子：

  1. 初始化Dio实例：
import 'package:dio/dio.dart';

final Dio dio = Dio();
  1. 发起GET请求：
Future<void> fetchUserData() async {
  try {
    final response = await dio.get('https://jsonplaceholder.typicode.com/users/1');
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}
  1. 发起POST请求并发送JSON数据：
Future<void> sendPostData() async {
  try {
    final response = await dio.post(
      'https://jsonplaceholder.typicode.com/posts',
      data: {"title": "foo", "body": "bar", "userId": 1},
    );
    print(response.data);
  } catch (e) {
    print('Error: $e');
  }
}

记得处理异常，如网络错误或超时。Dio还支持拦截器、自定义配置和下载上传文件等功能，非常适合复杂的网络需求。

Flutter Dio网络请求库教程

Dio是Flutter中一个强大的HTTP客户端库，支持拦截器、全局配置、FormData、请求取消、文件下载/上传等特性。以下是Dio的基本使用方法：

1. 安装Dio

首先在pubspec.yaml中添加依赖：

dependencies:
  dio: ^5.0.0

然后运行flutter pub get

2. 基本使用

import 'package:dio/dio.dart';

void main() async {
  // 创建Dio实例
  final dio = Dio();
  
  try {
    // GET请求
    Response response = await dio.get('https://jsonplaceholder.typicode.com/posts/1');
    print(response.data);
    
    // POST请求
    Response postResponse = await dio.post(
      'https://jsonplaceholder.typicode.com/posts',
      data: {'title': 'foo', 'body': 'bar', 'userId': 1},
    );
    print(postResponse.data);
    
  } catch (e) {
    print('请求出错: $e');
  }
}

3. 配置全局选项

Dio dio = Dio(
  BaseOptions(
    baseUrl: "https://www.example.com/api",
    connectTimeout: Duration(seconds: 5),
    receiveTimeout: Duration(seconds: 3),
    headers: {
      "Content-Type": "application/json",
    },
  ),
);

4. 拦截器

dio.interceptors.add(
  InterceptorsWrapper(
    onRequest: (options, handler) {
      // 在请求被发送之前做一些事情
      print('请求: ${options.uri}');
      return handler.next(options);
    },
    onResponse: (response, handler) {
      // 在响应之后做一些事情
      print('响应: ${response.data}');
      return handler.next(response);
    },
    onError: (DioException e, handler) {
      // 在错误发生时做一些事情
      print('错误: ${e.message}');
      return handler.next(e);
    },
  ),
);

5. 文件上传

FormData formData = FormData.fromMap({
  "name": "dio",
  "file": await MultipartFile.fromFile("./text.txt", filename: "upload.txt"),
});
Response uploadResponse = await dio.post("/upload", data: formData);

Dio还支持请求取消、下载文件、转换器等更多高级功能。建议查看官方文档获取完整功能说明：https://pub.dev/packages/dio

回到顶部