Flutter学习（四）Http请求库 dio 代码封装 - 好文

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

<>第一步依赖库

* 打开flutter package网站，入口 <https://pub.flutter-io.cn/>，找到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=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'); } } return response.data; } // post请求封装 post(url,{
options, cancelToken, data=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 <https://pub.flutter-io.cn/packages/json_serializable>
进行数据解析

* 下一章节贴上json_serializable的使用方法供大家参考，欢迎指正和互相交流；

热门工具换一换