flutter 使用dio发送本地https请求报错

大家好,我是1024小神,技术群 / 私活群 / 股票群 或 交朋友 都可以私信我。 如果你觉得本文有用,一键三连 (点赞、评论、关注),就是对我最大的支持~

flutter: 测试异常: DioException [unknown]: null Error: HandshakeException: Handshake error in client (OS Error: CERTIFICATE_VERIFY_FAILED: unable to get local issuer certificate(../../third_party/boringssl/src/ssl/handshake.cc:393))

包括使用 Image.network 加载 https://192.168.31.164:9080/static/images/userimg.png 网络图片,也报错: ======== Exception caught by image resource service ================================================ The following HandshakeException was thrown resolving an image codec: Handshake error in client (OS Error: CERTIFICATE_VERIFY_FAILED: unable to get local issuer certificate(../../third_party/boringssl/src/ssl/handshake.cc:393))

dio报错解决办法

设置不进行https校验:

Image.network报错

本质是 Flutter 内置的网络请求(包括 Image.network 使用的 HttpClient)会验证 HTTPS 证书,而你本地服务用的是自签/不受信任的证书,所以握手失败。

Image.network 没法直接传 badCertificateCallback,所以要从 全局层面修改 HttpClient 的证书验证策略


✅ 方案 1:在开发环境全局忽略证书(最简单)

新建一个类继承 HttpOverrides,并在 main() 里覆盖:

Dart 复制代码
import 'dart:io';
import 'package:flutter/material.dart';

class MyHttpOverrides extends HttpOverrides {
  @override
  HttpClient createHttpClient(SecurityContext? context) {
    return super.createHttpClient(context)
      ..badCertificateCallback = (X509Certificate cert, String host, int port) => true;
  }
}

void main() {
  HttpOverrides.global = MyHttpOverrides(); // 忽略所有证书验证
  runApp(const MyApp());
}

再次使用就可以了


大家好,我是1024小神,技术群 / 私活群 / 股票群 或 交朋友 都可以私信我。 如果你觉得本文有用,一键三连 (点赞、评论、关注),就是对我最大的支持~

相关推荐
胡耀超9 分钟前
Web Crawling 网络爬虫全景:技术体系、反爬对抗与全链路成本分析
前端·爬虫·python·网络爬虫·数据采集·逆向工程·反爬虫
阿明的小蝴蝶13 分钟前
记一次Gradle环境的编译问题与解决
android·前端·gradle
Ruihong15 分钟前
【VuReact】轻松实现 Vue 到 React 路由适配
前端·react.js
山_雨16 分钟前
startViewTransition
前端
写代码的【黑咖啡】19 分钟前
Python Web 开发新宠:FastAPI 全面指南
前端·python·fastapi
凉_橙19 分钟前
gitlab CICD
前端
wangfpp21 分钟前
性能优化,请先停手:为什么我劝你别上来就搞优化?
前端·javascript·面试
踩着两条虫23 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(二十):CLI与工具链之构建配置与Vite集成
前端·vue.js·ai编程
凉_橙24 分钟前
前端项目与node项目部署记录
前端
踩着两条虫28 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(二十):CLI与工具链之自定义构建插件
前端·vue.js·ai编程