flutter dio 请求方式为form-data遇到的问题

最新推荐文章于 2025-10-25 18:56:18 发布

原创最新推荐文章于 2025-10-25 18:56:18 发布 · 6.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #http #flutter #dio

Flutter开发专栏收录该内容

93 篇文章

订阅专栏

本文主要介绍了在Flutter中使用dio库进行formData类型POST请求时遇到的问题及解决方案。通过设置请求参数和正确包装数据，可以成功发送formData请求并从后台获取数据。

在网络中请求body中有三种方式：

postbody，query，formdata，

如下图：
在这里插入图片描述
现在我们用的恰好是第一种方式。因为首次用这种方式，感觉也是比较坑，后面通过摸索，查看源码发现，需要用fromdata方式包装进去放到请求参数中。

正确的做法应该是如下图：

在初始化中进行数据格式的设置，

  static Dio _instance() {
    Map<String,dynamic> params = new Map();
    if (dio == null) {
      BaseOptions option = new BaseOptions(
          baseUrl: API_PREFIX,
          connectTimeout: CONNECT_TIMEOUT,
          receiveTimeout: RECEIVE_TIMEOUT,
          headers: params,
          contentType: 'multipart/form-data',
          responseType: ResponseType.plain);
      dio = new Dio(option);
    }
    dio.options.headers = params;
    return dio;
  }