重慶分公司
重慶分公司，新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
詳解flutter之網絡請求dio，請求，攔截器簡單示例
flutter一直很火的網絡請求插件dio
創新互聯專注于企業網絡營銷推廣、網站重做改版、伊春網站定制設計、自適應品牌網站建設、H5高端網站建設、商城網站開發、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為伊春等各大城市提供網站開發制作服務。
直接上代碼，寫成一個類，可以直接使用
包含請求的封裝，攔截器的封裝
import 'package:dio/dio.dart';
import 'dart:async';
import 'dart:io';
import './apidomain.dart';
import './httpHeaders.dart';
import 'package:shared_preferences/shared_preferences.dart';
class DioUtil{
static Dio dio = new Dio();
//請求部分
static Future request(url,{formData})async{
try{
Response response;
dio.options.headers = httpHeaders;
dio.options.contentType = ContentType.parse("application/json;charset=UTF-8");
if(formData == null){
response = await dio.post(serviceUrl+url);
}else{
response = await dio.post(serviceUrl+url,data:formData);
}
if(response.statusCode == 200){
return response;
}else{
throw Exception("接口異常R");
}
}catch(e){
print("網絡出現錯誤${e}");
}
}
//攔截器部分
static tokenInter(){
dio.interceptors.add(InterceptorsWrapper(
onRequest:(RequestOptions options){
// 在發送請求之前做一些預處理
//我這邊是在發送前到SharedPreferences（本地存儲）中取出token的值，然后添加到請求頭中
//dio.lock()是先鎖定請求不發送出去，當整個取值添加到請求頭后再dio.unlock()解鎖發送出去
dio.lock();
Future future = Future(()async{
SharedPreferences prefs =await SharedPreferences.getInstance();
return prefs.getString("loginToken");
});
return future.then((value) {
options.headers["Authorization"] = value;
return options;
}).whenComplete(() => dio.unlock()); // unlock the dio
},
onResponse:(Response response) {
// 在返回響應數據之前做一些預處理
return response; // continue
},
onError: (DioError e) {
// 當請求失敗時做一些預處理
return e;//continue
}
));
}
}
httpHeaders文件則是放一些請求頭信息如下
const httpHeaders={
'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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36',
};
apidomain文件則是放api的地址信息如下
const serviceUrl = 'http://39.xxx.xxx.xx:8080';
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。
新聞標題：詳解flutter之網絡請求dio，請求，攔截器簡單示例
文章網址：http://www.xueling.net.cn/article/jdhjci.html