详解flutter之网络请求dio，请求，拦截器简单示例
flutter一直很火的网络请求插件dio
直接上代码，写成一个类，可以直接使用
包含请求的封装，拦截器的封装
import'package:dio/dio.dart';
import'dart:async';
import'dart:io';
import'./apidomain.dart';
import'./httpHeaders.dart';
import'package:shared_preferences/shared_preferences.dart';
classDioUtil{
staticDiodio=newDio();
//请求部分
staticFuturerequest(url,{formData})async{
try{
Responseresponse;
dio.options.headers=httpHeaders;
dio.options.contentType=ContentType.parse("application/json;charset=UTF-8");
if(formData==null){
response=awaitdio.post(serviceUrl+url);
}else{
response=awaitdio.post(serviceUrl+url,data:formData);
}
if(response.statusCode==200){
returnresponse;
}else{
throwException("接口异常R");
}
}catch(e){
print("网络出现错误${e}");
}
}
//拦截器部分
statictokenInter(){
dio.interceptors.add(InterceptorsWrapper(
onRequest:(RequestOptionsoptions){
//在发送请求之前做一些预处理
//我这边是在发送前到SharedPreferences（本地存储）中取出token的值，然后添加到请求头中
//dio.lock()是先锁定请求不发送出去，当整个取值添加到请求头后再dio.unlock()解锁发送出去
dio.lock();
Futurefuture=Future(()async{
SharedPreferencesprefs=awaitSharedPreferences.getInstance();
returnprefs.getString("loginToken");
});
returnfuture.then((value){
options.headers["Authorization"]=value;
returnoptions;
}).whenComplete(()=>dio.unlock());//unlockthedio
},
onResponse:(Responseresponse){
//在返回响应数据之前做一些预处理
returnresponse;//continue
},
onError:(DioErrore){
//当请求失败时做一些预处理
returne;//continue
}
));
}
}
httpHeaders文件则是放一些请求头信息如下
consthttpHeaders={
'Accept':'application/json,text/plain,*/*',
'Authorization':'666',
'Content-Type':'application/json;charset=UTF-8',
'Origin':'http://localhost:8080',
'Referer':'http://localhost:8080/',
'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/73.0.3683.103Safari/537.36',
};
apidomain文件则是放api的地址信息如下
constserviceUrl='http://39.xxx.xxx.xx:8080';
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。