Flutter学习（四）Http请求库|Flutter学习（四）Http请求库 dio代码封装 Flutter学习（四）Http请求库di

Flutter学习（四）Http请求库 dio代码封装
第一步依赖库
打开flutter package网站，入口，找到dio这个组件，查看最新版本

文章图片
打开项目根目录下 ** pubspec.yaml ** 文件

文章图片
添加库名，添加库名

文章图片
最好是填写 any(** 添加兼容版本 **)，也或者直接从网站复制最新版本即可，
执行 packages get 命令，安装依赖
代码部分
import 'package:dio/dio.dart';
import 'config.dart'; //用于配置公用常量
class Http{
static Http instance;
static String token;
static Config _config = new Config();
static Dio _dio;
Options _options;
static Http getInstance(){
print("getInstance");
if(instance == null){
instance= new Http();
}
}
Http(){
// 初始化 Options
_options =new Options(
baseUrl: _config.base_url,
connectTimeout: _config.connectTimeout,
receiveTimeout: _config.receiveTimeout,
headers: {}
);
_dio = new Dio(_options);
//发送请求拦截处理，例如：添加token使用
_dio.interceptor.request.onSend = (Options options) async{
print(options.baseUrl);
return options;
};
//请求成功拦截，简化代码中调用难度
_dio.interceptor.response.onSuccess = (Response response) async{
print(response.statusCode);
return response;
};
//请求失败拦截
_dio.interceptor.response.onError = (DioError e) {
print(e);
return e;
};
}
// get 请求封装
get(url,{ options, cancelToken, data=https://www.it610.com/article/null}) async {
print('get:::url：$url ,body: $data');
Response response;
try{
response = await _dio.get(
url,
data:data,
cancelToken:cancelToken
);
}on DioError catch(e){
if(CancelToken.isCancel(e)){
print('get请求取消! ' + e.message);
}else{
print('get请求发生错误：$e');
}
}
【Flutter学习（四）Http请求库|Flutter学习（四）Http请求库 dio代码封装】return response.data;
}
// post请求封装
post(url,{ options, cancelToken, data=https://www.it610.com/article/null}) async {
print('post请求::: url：$url ,body: $data');
Response response;
try{
response = await _dio.post(
url,
data:data !=null ? data : {},
cancelToken:cancelToken
);
print(response);
}on DioError catch(e){
if(CancelToken.isCancel(e)){
print('get请求取消! ' + e.message);
}else{
print('get请求发生错误：$e');
}
}
return response.data;
}
}
调用
页面中引入文件:

文章图片
import ‘util/http.dart’;
var response = await Http().get(
"tree/json",
data: {'pageIndex': 1, 'pageSize': 10});
print(response);
6.解析数据
官方推荐使用json_serializable进行数据解析
下一章节贴上json_serializable的使用方法供大家参考，欢迎指正和互相交流；

Flutter学习（四）Http请求库|Flutter学习（四）Http请求库 dio代码封装

推荐阅读

花的音序是什么花的音序是啥

如何成为一个“理性”和“有原则”的人（）

QQ邮箱独立密码是什么怎么取消

冰箱对着卧室门的风水，如何影响家庭运势和健康？

淘宝seo分析工具,淘宝的数据采集分析工具

冰山巧克力要放冰箱吗

香蕉属于高糖分水果吗

求自愧不如造句

磨辣椒怎么做

窦漪房在刘恒死时说的话刘恒和窦漪房

中端机|从高端旗舰降成中端机，麒麟990+无线充电，还有256G大内存

马克思是一个无神论者吗

纲手得知自来也死讯第几集

kig是什么东西

电脑开机速度慢怎么解决电脑开机速度慢怎么办

儿童|0-6岁儿童眼保健核心知识问答（三）

为什么减肥不建议吃蛋黄啊

怎样做猪肚冷菜

“摄影师” 摄影师医生

佳能ip100打印机如何通过蓝牙连接设备？