dio设置自定义post请求_flutter Dio封装get/post请求

最新推荐文章于 2024-05-08 06:47:53 发布
最新推荐文章于 2024-05-08 06:47:53 发布
阅读量948 收藏
点赞数
文章标签： dio设置自定义post请求
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_29541695/article/details/113017599
版权
本文介绍了如何在Flutter中使用Dio库封装网络请求工具类，包括get和post请求的实现，特别是针对需要携带自定义token的get请求的处理方式，利用Completer解决异步问题。
摘要由CSDN通过智能技术生成

最近刚学flutter，参考简书大佬们的文章，使用dio简单封装了一下网络请求工具类。

依赖版本

7029279ace73

9683BF5F-1627-47F1-AE3A-ECBC55ED49CF.png

网络请求单例

7029279ace73

A2FD169B-6029-4CA6-A2A1-AEF2BA82692F.png

get请求

7029279ace73

94900BD6-3931-4116-8D47-76609F5EF515.png

needToken请忽略，以前是打算获取本地存储的token，需要传token的请求带上，后来发现这么做有问题，后面会提到。

请注意，如果get参数需要拼接在url后，那么使用queryParameters，后面放参数字典，如果是放body，使用data，后面跟参数字典。

BaseMode

最低0.47元/天 解锁文章
付游
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS跨域解决方案之使用CORS实现跨域
11-24
引言        跨域是我在日常面试中经常会问到的问题，这词在前端界出现的频率不低，主要原因还是由于安全限制(同源策略， 即JavaScript或Cookie只能访问同域下的内容)，因为我们在日常的项目开发时会不可避免的需要进行跨域操作，所以跨域能力也算是前端工程师的基本功之一。 　　和大多数跨域的解决方案一样，JSONP也是我的选择，可是某天PM的需求变了，某功能需要改成支持POST，因为传输的数据量比较大，GET形式搞不定。所以折腾了下闻名已久的CORS（跨域资源共享，Cross-Origin Resource Sharing），这边文章也就是折腾期间的小记与总结。 •CORS能做什么
Spring Security(十一) Spring Security 中 CSRF
奥迪的博客
10-13 1万+
从刚开始学习 Spring Security 时，在配置类中一直存在这样一行代码：http.csrf().disable();如果没有这行代码导致用户无法被认证。这行代码的含义是：关闭 csrf 防护。 1 什么是 CSRF CSRF（Cross-site request forgery）跨站请求伪造，也被称为“OneClick Attack” 或者 Session Riding。通过伪造用户请求访问受信任站点的非法请求访问。 跨域：只要网络协议，ip 地址，端口中任何一个不相同就是跨域请求。 客户
2024年最全Flutter教程——Dio的封装，面试怎么称呼面试官
最新发布
2401_84558353的博客
05-08 1012
(img-dT7VUF5W-1715122062766)](img-fUZNHAIE-1715122062767)]//一个人工智能回答的免费API。//单例模式，只创建一次实例。//post Form请求。
JavaScript中的 CORS问题
LuckXinXin的博客
11-12 1286
CORS 需要浏览器和后端同时支持。IE 8 和 9 需要通过 XDomainRequest 来实现。 浏览器会自动进行 CORS 通信，实现 CORS 通信的关键是后端。只要后端实现了 CORS，就实现了跨域。 服务端设置 Access-Control-Allow-Origin 就可以开启 CORS。 该属性表示哪些域名可以访问资源，如果设置通配符则表示所有网站都可以访问资源。 虽然设置 CORS和前端没什么关系，但是通过这种方式解决跨域问题的话，会在发送请求时出现两种情况，分别为简单请求和复杂请求。 .
SpringSecurity(十七)------CSRF
Apple_Andy的博客
10-10 1781
一.引入 从刚开始学习Spring Security时，在配置类中一直存在这样一行代码：http.csrf().disable();如果没有这行代码导致用户无法被认证。这行代码的含义是：关闭csrf防护。 二.什么是CSRF CSRF即跨站请求攻击。简单的说，是攻击者通过一些技术手段欺骗用户的浏览器去访问一个自己以前认证过的站点并运行一些操作（如发邮件，发消息，甚至财产操作（如转账和购买商品））。因为浏览器之前认证过，所以被访问的站点会绝点是这是真正的用户操作而去运行. 这就利用了web中用户身份认证验证
解决登录提示Access denied，You do not have access to chat.openai.com
热门推荐
wrangler_csdn的博客
03-12 8万+
登录提示Access denied,You do not have access to chat.openai.com.
Flutter 网络请求框架封装详解
08-26
使用 Dart 原生的网络请求方式需要亲手处理许多步骤，如设置请求方法、携带参数、设置请求头、读取响应内容等，这使得使用起来非常麻烦。另外，Cookie 的管理也是一个问题。 http 库的网络请求方式 相比 Dart 原生...
Flutter 基于 dio 和 http 两种网络库的基础封装
02-12
dio 是一个强大的 HTTP 客户端库，支持多种请求方法（GET, POST, PUT, DELETE 等），还提供了丰富的特性如拦截器、上传下载进度、自定义请求头等。http 库则是 Flutter SDK 自带的轻量级网络库，适合简单的网络请求...
Flutter 实战开发-网络请求demo
09-19
总的来说，Flutter中的网络请求主要依赖于`http`或第三方库如`dio`，通过创建服务类来封装请求逻辑，以实现高效、可维护的网络通信。在实际的`my_app`项目中，你可以根据具体需求构建相应的网络请求功能，从而实现与...
Flutter实现网络请求的方法示例
08-26
总的来说，Flutter中实现网络请求主要依靠Dio库，它可以方便地发送GET、POST等请求，同时处理各种网络异常。而json_serializable则提供了JSON数据的自动序列化和反序列化功能，大大减少了手动编写相关代码的工作量。...
Flutter-Dio-GetX
03-26
Dio支持GET、POST、PUT、DELETE等多种HTTP方法，还支持文件上传下载、拦截器、超时设置、自定义请求头等功能，使开发者能够灵活处理各种网络请求需求。 GetX是Flutter状态管理和反应式编程的框架，它的核心目标是...
2.自定义配置类——SpringSecurity
Lee_92的博客
08-12 1510
当前Java Web项目中主流的开发模式是前后端分离的模式，而Spring Security默认的登录是由Security框架提供的页面的表单来输入用户名、密码，且由Security框架自动处理登录流程，不适合我们前后端开发的模式，我们后端需要自己开发相关验证登录流程，我们在开发测试时需要对Security 进行初始配置！riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法，我们往往在开发中将此验证关闭。的认证方式相比传统的。...
access denied
weixin_30340353的博客
09-20 7282
背景: 想要使用nginx转发 实现一个输出PHPinfo的页面, 比如: 访问 aaa.com/phpinfo 浏览器显示phpinfo的信息, 因为有的时候需要查看phpinfo, 所以想单独配置一个能直接访问phpinfo的页面. 因为是PHP文件, 所以肯定需要转发给PHP处理, 贴出配置 location /phpinfo { proxy_pa...
Web安全系列之CSRF攻击
Button12138的博客
12-02 1136
csrf指的是攻击者携带网站cookie，冒充用户请求的攻击行为。
Spring Security 自定义登录页并开启CSRF防御,http.csrf()源码分析
weixin_45114101的博客
12-26 2439
Spring Security 自定义登录页并开启CSRF防御,http.csrf()源码分析
Spring security CSRF 跨域访问限制问题
HONEY MOOSE
10-18 3186
在我们写 Spring 安全的时候通常有这么一句话： httpSecurity.csrf().disable(). 从这句话的字面意思就很明白就是禁用 csrf，什么是 csrf，为什么要禁用可能就一脸懵逼了。 因为你很有可能会遇到一个错误： HTTP Status 403－Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN'. 这个就是做 Web 开发的时
Spring Security中防护CSRF功能
花&败
07-18 2630
CSRF是什么？ CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：CSRF/XSRF。 CSRF可以做什么？ 你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取你的账号，甚至于购买商品，虚拟货币转账…造成的问题包括：个人隐私泄露以及财产安全。 CSRF的原理 下图简单阐述了CSRF攻击的思想：
postman不跨域 本地开发跨域_记一次vue项目 开发环境proxy配置解决前端调用后端服务跨域问题...
weixin_42575109的博客
01-01 1220
由于公司前端调用后端跨域问题一直是在Nginx设置跨域，导致根本没有发现webpack devServer 配置的正确打开方式，做下记录。由于公司部分系统存在多个后端服务，端口和ip都不一样，所以需要配置多个服务路径，寻找下发现 vue cli文档中的支持,进顿配置代码如下: '/aaa': { // 系统aaa服务标识 target: 'http://localhost:/777...
浏览器允许跨域设置
x530681545的博客
06-26 7448
浏览器允许跨域设置
flutter Dio 使用封装
06-07
在使用 Flutter Dio 进行网络请求时，可以将其进行封装，以便于代码的复用和维护。以下是一个简单的 Flutter Dio 封装示例： ```dart import 'package:dio/dio.dart'; class HttpUtil { static HttpUtil instance; Dio dio; BaseOptions options; // 构造函数 HttpUtil() { options = BaseOptions( baseUrl: 'https://api.example.com/', // 接口地址 connectTimeout: 5000, // 连接超时时间 receiveTimeout: 3000, // 接收超时时间 headers: { 'Content-Type': 'application/json', // 设置请求头 }, ); dio = Dio(options); } // 单例模式 static HttpUtil getInstance() { if (instance == null) { instance = HttpUtil(); } return instance; } // GET 请求 Future<Map<String, dynamic>> get(String url, {Map<String, dynamic> params}) async { Response response; try { response = await dio.get(url, queryParameters: params); } on DioError catch (e) { return Future.error(e); } return response.data; } // POST 请求 Future<Map<String, dynamic>> post(String url, {Map<String, dynamic> params}) async { Response response; try { response = await dio.post(url, data: params); } on DioError catch (e) { return Future.error(e); } return response.data; } } ``` 在上述示例中，我们定义了一个 HttpUtil 类，其中包含了 Dio 实例的初始化、GET 和 POST 请求的封装。我们可以通过 `HttpUtil.getInstance()` 获取 HttpUtil 的单例对象，然后通过调用 `get` 或 `post` 方法来发起网络请求。这样做的好处是可以将网络请求的相关设置和配置统一管理，方便后续的维护和扩展。同时，通过封装，也避免了在多个地方重复编写相同的代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值