一文带你了解 Flutter dio封装

BaseOptions({
  String? method, // 请求方法，默认为null，表示使用库的默认请求方法
  Duration? connectTimeout, // 连接超时时间，默认为null，表示使用库的默认超时时间
  Duration? receiveTimeout, // 接收超时时间，默认为null，表示使用库的默认超时时间
  Duration? sendTimeout, // 发送超时时间，默认为null，表示使用库的默认超时时间
  String baseUrl = '', // 基础URL，默认为空字符串
  Map<String, dynamic>? queryParameters, // 查询参数，默认为null
  Map<String, dynamic>? extra, // 额外配置参数，默认为null
  Map<String, dynamic>? headers, // 请求头，默认为null
  ResponseType? responseType = ResponseType.json, // 响应数据格式，默认为ResponseType.json，表示解析为JSON格式
  String? contentType, // 请求的Content-Type，默认为null
  bool Function(int?)? validateStatus, // 自定义验证响应状态码的函数，默认为null
  bool? receiveDataWhenStatusError, // 当响应状态码错误时是否继续接收数据，默认为null
  bool? followRedirects, // 是否跟随重定向，默认为null
  int? maxRedirects, // 最大重定向次数，默认为null
  bool? persistentConnection, // 是否保持持久连接，默认为null
  List<int> Function(String, RequestOptions)? requestEncoder, // 请求编码器，默认为null
  String? Function(List<int>, RequestOptions, ResponseBody)? responseDecoder, // 响应解码器，默认为null
  ListFormat? listFormat, // JSON数组的解析格式，默认为null
})

import 'package:dio/dio.dart';
class HttpApi { 
// 配置基本的请求选项
  static final BaseOptions options = BaseOptions(
    baseUrl: 'http://localhost:3001/', // 设置请求的基础 URL
    method: 'GET', //默认请求方法
    connectTimeout: const Duration(seconds: 5), // 设置连接超时时间为 5 秒
    receiveTimeout: const Duration(seconds: 3), // 设置接收超时时间为 3 秒
    headers: {
      'User-Agent': 'Dio', // 设置请求头信息
    },
  );
  static Dio dio = Dio(options);
}

List<Interceptor> inters = [];
inters.add(LogInterceptor()); //添加内置拦截器
dio.interceptors.addAll(inters);

// 自定义拦截器
class CustomInterceptor extends Interceptor {
  @override
  void onRequest(RequestOptions options, RequestInterceptorHandler handler) {
    // 在发送请求前的处理逻辑
    print('Request Interceptor - Request: ${options.uri}');
    print('我发送了请求啦--------');
    handler.next(options); // 继续执行下一个拦截器或发送请求
  }
  @override
  void onResponse(Response response, ResponseInterceptorHandler handler) {
    // 在接收到响应后的处理逻辑
    print('Request Interceptor - Response: ${response.statusCode}');
    print('我收到请求啦--------');
    handler.next(response); // 继续执行下一个拦截器或返回响应
  }
  @override
  // ignore: deprecated_member_use
  void onError(DioError err, ErrorInterceptorHandler handler) {
    // 在请求发生错误时的处理逻辑
    print('Request Interceptor - Error: ${err.message}');
    handler.next(err); // 继续执行下一个拦截器或抛出错误
  }
}

try {
      Response response =
          await dio.request<T>(url, queryParameters: params, options: options);
      return response.data;
    } catch (e) {
      print(e);
      return Future.error(e);
}

/*
 * @Author: HaiJun
 * @Date: 2023-08-15 14:13:54
 * @LastEditTime: 2023-08-16 14:29:43
 * @FilePath: \flutter_demo_show\lib\utils\http.dart
 * @Description: 
 * 
 */
import 'package:dio/dio.dart';
import './CustomInterceptor.dart';
class HttpApi {
  // 配置基本的请求选项
  static final BaseOptions options = BaseOptions(
    baseUrl: 'http://localhost:3001/', // 设置请求的基础 URL
    method: 'GET', //默认请求方法
    connectTimeout: const Duration(seconds: 5), // 设置连接超时时间为 5 秒
    receiveTimeout: const Duration(seconds: 3), // 设置接收超时时间为 3 秒
    headers: {
      'User-Agent': 'Dio', // 设置请求头信息
    },
  );
  static Dio dio = Dio(options);
  static Future<T> request<T>(String url,
      {String method = "get", Map<String, dynamic>? params}) async {
    // 1请求的单独配置
    final options = Options(method: method);
    // 2 添加一个拦截器
    Interceptor inter = InterceptorsWrapper(
      onRequest: (options, handler) {
        return handler.next(options);
      },
      onResponse: (e, handler) {
        print(e);
        return handler.next(e);
      },
      onError: (e, handler) {
        print(e);
        return handler.next(e);
      },
    );
    List<Interceptor> inters = [];
    inters.add(CustomInterceptor()); //添加自定义拦截器
    inters.add(LogInterceptor()); //添加内置拦截器
    dio.interceptors.addAll(inters);
    // 3 发起网络请求
    try {
      Response response =
          await dio.request<T>(url, queryParameters: params, options: options);
      print("测试");
      print(url);
      return response.data;
    } catch (e) {
      print(e);
      return Future.error(e);
    }
  }
}

import 'package:flutter/material.dart';
import 'utils/http.dart';
class MyNetwork extends StatefulWidget {
  const MyNetwork({super.key});
  @override
  State<MyNetwork> createState() => _MyNetworkState();
}
class _MyNetworkState extends State<MyNetwork> {
  void getData() async {
    print("发起请求");
    var responseData = await HttpApi.request('book');
    print(responseData);
  }
  @override
  Widget build(BuildContext context) {
    return Container(
        child: Column(children: [
      ElevatedButton(
          onPressed: () {
            getData();
          },
          child: const Text("发起请求"))
    ]));
  }
}