站长

<h2 id="heading-0">flutter_interceptor</h2>
<h2 id="heading-1">flutter dio 拦截器</h2>
<p>库源码：<a href="https://github.com/smartbackme/flutter_interceptor" target="_blank">github.com/smartbackme…</a></p>
<h3 id="heading-2">开始集成</h3>
<pre class="language-bash line-numbers"><code><span>dependencies:</span>
<span>  flutter_interceptor: ^0.0.1</span>
</code></pre>
<p>dio添加拦截器</p>
<pre class="language-bash line-numbers"><code><span>_dio.interceptors.add(UiNetInterceptor())</span>
</code></pre>
<p>页面插入浮动窗体</p>
<pre class="language-bash line-numbers"><code><span>Overlay.of(context)?.insert(InterceptorDraggable());</span>
</code></pre>
<p>功能介绍：
1、请求可视化
2、可以复制请求内容</p>
<p>集成后的效果如图
<img src="https://img.blogweb.cn/article/259b3fe03c4f45e0a5b3cc122ec99ef1.webp" loading="lazy" alt="flutter 优秀dio网络拦截可视化">
<img src="https://img.blogweb.cn/article/5b0d88f691884c1bb0b02b74fcb27c02.webp" loading="lazy" alt="flutter 优秀dio网络拦截可视化">
<img src="https://img.blogweb.cn/article/3a19397590b54a9eb8e567c90dbc4455.webp" loading="lazy" alt="flutter 优秀dio网络拦截可视化">
<img src="https://img.blogweb.cn/article/cda7ea55fe734f7bb5f8164e52a37953.webp" loading="lazy" alt="flutter 优秀dio网络拦截可视化">
<img src="https://img.blogweb.cn/article/285958129b97495fbb11283ea11d1fa9.webp" loading="lazy" alt="flutter 优秀dio网络拦截可视化"></p>

flutter_interceptorflutterdio拦截器库源码：开始集成dio添加拦截器页面插入浮动窗体功能介绍：1、请求可视化2、可以复制请求内容集成后的效果如图