Flutter 网络请求 Dio 拦截器详解

昔日的小王凭借这他的小心谨慎和借助漂亮能干的女友 Dio 的辅助，终于干下了一番事业，成为中华大地响当当的人物，小王也变成老王。如今，老王已经年近花甲，看似迈上了人生巅峰，却也遇到了人生的烦恼——那就是他的儿子，新的小王。

在宝安等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站建设、网站制作 网站设计制作定制开发,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站建设,成都外贸网站建设,宝安网站建设费用合理。

小王和他爹当年的小心谨慎不同，小王自海外留学回来，也不愿意接手老王的事业。反而迷恋起了互联网，玩游戏、微博喷人、撩网红等等。前两项倒还好，但是后一项，让老王心烦得很。这网红哪能随便撩的，万一弄出许多小小王来，多大家业都不够分的啊！

关键时刻，还是老王的媳妇，曾经被 金屋藏娇 的Dio 想出了新的招术，再次让老王佩服不已。老王媳妇Dio给小王搞了个拦截器，只要小王要在互联网做什么，都会被她给先拦截下来，然后她再根据小王要做的事情决定是不是要替他发出去；或者是收到什么消息的时候，也会先看一遍，没问题再给小王看。而且，最为关键的是，小王对这一切压根都不知道！

老王媳妇一开始是这么干的，小王在互联网有什么新的动向直接向老王汇报。

这下小王在互联网就完全被监视了——而且他压根不知道！只是，每次他说要钱的时候，老王不再随便给了！

但这个时候，小王还能在网上撩，毕竟上网在这个时代是不怎么要钱的。

老王媳妇 Dio 一看这种方式不行，就又心生一计，每次小王聊网红的时候，直接狠心拒绝！

小王这下子懵圈了，难道是他的那些“土味情话”已经失效了？每次发出去消息都遭受到了无情的打击，让他心灰意冷。渐渐地他就淡出了互联网，至于现在在干什么，谁也不知道。感觉又像是当初老王金屋藏娇一样，现在的小王也逐渐被隐藏了起来。从此，互联网只剩下小王和各个网红的传说。

借着老王和小王的故事，我们讲述了 Dio 的封装和 Dio 的拦截器。其中拦截器可以应用于很多实际场景：

注意，Dio 的实例可以同时添加多个拦截器，以便处理不同的情况。

Flutter 之网络请求Dio, FormData, 表单网络请求, x-www-form-urlencoded

网络请求, 先想到的是dart官方维护的 http 库. 由于我们项目组网络请求都采用的表单结构, http 貌似不支持表单格式的网络请求; 后来查看 dio 库, 发现支持 FormData , 完美解决!

官方表单网络请求示例:

比葫芦画瓢, 尝试下

Flutter 网络请求报错 Failed host lookup:

Flutter 网络请求报错 Failed host lookup:

一、如果是iOS真机调试报错

1.检查iOS是否开启网络权限(在设置中检查一下),(如果HTTP,在info中 添加 ATS)

二、如果是Android模拟器或真机调试报错

在debug和release目录中的AndroidManifest.xml中加上

uses-permission android:name="android.permission.INTERNET"/

uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/

如果还是不行，执行

flutter clean

Flutter网络请求之dio的初步使用

dio 是一个国产巨佬写的一个Flutter的网络请求库，写这篇的文章的时候更新到3.x版本了。这里是他的 官方中文 使用链接： dio

按照原作者所说：

我这里这个时候的是一个3.0.9版本，这里的 ^ 符号，表示3.多的库比如说3.1.1啥的，也能更新下来。

dio 的原作者给了我们一个简单的例子

我们基础的使用，请求一个URL，这里就直接是 Dio().get(".****.com") 。这样就可以通过get方式来请求我们的链接。

在我们项目中，我们当然不能直接使用 Dio().get(".****.com") 这样的方法，那样的话如果以后我们要更换网络请求的库的话，我们要修改的地方，就会非常的多。类似的问题，曾经在iOS开发的历史上出现过一次。最初的时候iOS的开发者大多使用的是一个叫 ASI 的库，但是在过了几年的时候，这个库不在维护了。这时候，我们就会去找一个新的网络库来代替他。当时如果我们有500个文件中都直接使用 ASI ，我们就需要改动500个地方。这样的体力和眼力消耗，实在是太惊人了。所以，我们一般会自己创建一个专门的 网络管理 的类 NetworkManager 。在 NetworkManager 里，我们把调用方法抽取出一个基础的方法，使用的时候，基于这个基础的方法来调用。这样，我们就能很方便的去进去使用和维护。

这个时候我们就可以使用我们创建的类来直接调用我们的方法了。

这样，我们的 dio 的初步使用就完成了。下一篇文章来写 dio 的进阶使用。

flutter 网络请求dio的简单使用以及请求头参数的自定义

dio的使用方式有很多，我就只选出我认为最好用的api方式做下记录,把get成post就是post请求了,网络请求都用的百度的api，实际上的response没有任何意义，所以只要打印出response有值即可。

1.最简单的请求例子,网络请求是异步的所以用async await

2.带有参数的get请求

3.自定义请求头,可定义的请求头dart已经为我们提供了专门的类存了对应的字符,引入以下库，就能使用 HttpHeaders

一般我们请求接收到的数据是json格式，如'accept: application/json',我们就可以这样自定义请求头

4.使用Baseoptions

其他详细参数设置参考如下:

flutter dio 网络请求问题

最近在做公司工业互联网的一个项目 之前做了一个ipad 版本的 在使用dio网络请求框架的时候发现请求登录的时候后台一直报签名错误问题  检查了几遍写的签名方法没有发现错误 后面仔细查了下 是服务器不能识别我传的数据。。。

如果content-type是form-data 我们需要通过FormData类来构建数据，否则服务器将无法识别

同时需要传入一个Option指明content-type，而form-data的content-type完整类型表述为：multipart/form-data

主要我是个新手啊 

查看源码 

headers里面并有multipart/form-data 这个类型啊    讲道理这个是常用的contentType啊 应该要列出来才对啊 

咋整？

自己设置。。。。

后台就可以正常接收表单参数了

文章题目：flutter请求网页,flutter webview 拦截请求
文章起源：http://csdahua.cn/article/dsdhsds.html