localhost:8080 上有 ERR_CERT_AUTHORITY_INVALID,但在 localhost:3000 上没有,为什么?

localhost:8080 上有 ERR_CERT_AUTHORITY_INVALID,但在 localhost:3000 上没有,为什么?

我正确地(似乎)在 ubuntu 18.04 上向 chromium 添加了自签名证书。

我正在使用 docker(laradock ~ php-fpm、nginx、mysql、redis、workspace),并且我已经将 nginx 上的证书添加到我正在运行的站点(nginx 站点的 conf 文件),还将它添加到工作区容器中(不认为它在那里是需要的,但还是继续添加了它),还将它添加到我的本地机器上,这是我运行yarn start的地方。

在我本地运行的站点中,我使用从 localhost/127.0.0.1 映射的 .test 本地域。

该证书有效,并且将其添加到机器和浏览器的存储中似乎也运行良好,因为我不再在浏览器上收到要求离开或点击的警告。

证书是受信任的。

但是,我的本地站点是通过 nginx (php/laravel) 提供服务的,然后使用 webpack 在本地服务器上提供 vuejs 应用程序和一些带有热重载的 react 组件。webpack 上的内容已配置为使用 https,并且证书正在 devServer 配置上传递。

那部分似乎也有效......但是......经过仔细检查...... https 适用于 localhost:3000,但不适用于 localhost:8080....

来自 Dev-Tools 的安全选项卡。

我不会详细介绍我是如何生成证书的,因为它显然是有效的……在需要时,chrome 会信任它……但不是完全信任?我不明白……这是怎么回事!?

因此,从 localhost 来看,端口 8080 和 3000 都是通过 node/webpack 提供的 js 应用程序。它们使用 https,并且终端中的输出明确指出了带有 https 的 URL。

Webpack 终端输出

我似乎无法找出为什么这仍然错误net::ERR_CERT_AUTHORITY_INVALID

Devtools 控制台错误从 localhost:8080 加载 app.js

我在这里很困惑...我的意思是,它真的无效吗?为什么它对端口 3000 无效?这是证书的问题还是它在 webpack 上的配置方式?

如果我在问题中遗漏了什么,我深感抱歉...我想提前感谢任何能给我帮助的人。:)

相关内容