Vue3配合Axios 0.24.0配置HTTPS时自签名证书无效如何解决？

你这套配置不生效的核心原因是：https.Agent和fs相关的API都是Node.js专属能力，只有Axios运行在Node.js服务端时才会生效。Vue3作为前端框架运行在浏览器环境时，HTTPS请求的证书校验完全由浏览器内核接管，Axios的httpsAgent配置会被直接忽略，和你用的证书格式无关。

错误原因说明 #

你收到的net::ERR_CERT_AUTHORITY_INVALID是浏览器抛出的证书不信任错误，既不是你的代码逻辑有问题，也不是PKCS8格式证书不能用，不需要换成PKCS12格式。PKCS12是证书+私钥的打包格式，你当前只需要根CA公钥做校验，用PEM格式的PKCS8证书完全符合要求。

可落地的解决方法 #

本地开发场景 #

• 临时调试可以给浏览器加启动参数--ignore-certificate-errors，启动后会跳过所有证书校验，无需修改代码和证书配置。
• 长期开发建议把你使用的自签名根CA证书手动导入到操作系统/浏览器的「受信任的根证书颁发机构」列表中，导入后重启浏览器即可正常发起请求。

生产上线场景 #

不要使用自签名证书，直接申请公共可信CA颁发的免费SSL证书即可，所有浏览器默认信任，无需做任何额外配置。

特殊场景（Electron/SSR服务端请求） #

• 如果是Electron等桌面端场景，不要在渲染进程的Axios里配置证书，直接在主进程添加启动参数app.commandLine.appendSwitch('ignore-certificate-errors')，或者配置证书校验回调实现自定义信任。
• 如果是Nuxt等SSR框架的服务端发起请求，检查下fs.readFileSync读取的证书路径是否为绝对路径，确认证书文件内容完整即可，当前的配置逻辑本身是可用的。

内容的提问来源于stack exchange，提问作者shulin01