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

相关推荐
拉不动的猪几秒前
回顾前端项目打包时--脚本引入时机与环境类型的判断问题
前端·vue.js·面试
比特记忆几秒前
Android开发中用到的反射机制
前端
fox_1 分钟前
一次搞懂柯里化:从最简单代码到支持任意函数,这篇让你不再踩参数传递的坑
前端·javascript
Keepreal4963 分钟前
实现一个简单的hello world vs-code插件
前端·javascript·visual studio code
用户458203153175 分钟前
CSS 层叠层 (@layer) 详解:控制样式优先级新方式
前端·css
月弦笙音6 分钟前
【Vue组件】封装组件该考虑的核心点
前端·javascript·vue.js
清风细雨_林木木6 分钟前
HttpOnly 是怎么防止 XSS 攻击的?
前端·xss
用户2519162427118 分钟前
Node之单表基本查询
前端·javascript·node.js
文心快码BaiduComate11 分钟前
基于YOLOv8的动漫人脸角色识别系统:Comate完成前端开发
前端·后端·前端框架
需要兼职养活自己11 分钟前
react 之redux
前端·react.js·redux