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

╰半橙微兮° 2021-09-02 05:00 546阅读 0赞

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

postbody，query，formdata，

如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70_pic_center]  
现在我们用的恰好是第一种方式。因为首次用这种方式，感觉也是比较坑，后面通过摸索，查看源码发现，需要用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;
      }

开始请求的时候用`Map`设置一下传参。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70_pic_center 1]

通过以上两处位置的设置，我们就可以将数据正常的从后台请求下来了。

## 更多： ##

[如何写一个自己的小程序并上线][Link 1]

[ Github搭建个人博客（2019最新版,亲测）][Link 1]

qq加油小程序  
![徐代龙的技术博客][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]

关注下面公众号 ，在微信后台回复「领取资源」，获取IT资源200G干货大全。

在微信后台回复「130个小程序」，即可免费领取享有导入就能跑的微信小程序  
![在这里插入图片描述][20201025221638123.png_pic_left]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70_pic_center]: /images/20210529/a113fbe8c8a74e0b9c7f3f315eefba1b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210529/fcb8105e36e34326a50acfd7f564da91.png
[Link 1]: https://blog.csdn.net/xudailong_blog/article/details/107622817
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]: /images/20210529/9ca8bb03d55c4681bf42ee28693679ff.png
[20201025221638123.png_pic_left]: /images/20210529/ca0c9d4eed1c48e9ab50d8b586308d79.png