使用HTTP2返回的Vite代理“无法验证第一个证书”

Question

我正在尝试使用VITE和本地后端的HTTP2请求来设置开发环境。我在Localhost上运行的客户端和服务器之间的代理请求。该服务器使用MKCERT使用生成证书（ https://github.com/filosottile/mkcert ）。

配置：

要配置证书我运行以下步骤：

1. mkcert.exe -pkcs12“ test”“ 127.0.0.0.1”“ localhost”
2. 配置后端使用生成的证书
3. mkcert.exe -install
4. 使用以下VITE配置：

server: {
  https: {
    pfx: fs.readFileSync(`./cert/test.pfx`),
    passphrase: "some-phrase",
  },
  proxy: {
    "/api": {
      target: `https://localhost:15000`,
      changeOrigin: true,
      secure: true,
    },
  },
},

当前此配置在Mac上起作用，但在Windows上失败。两者都使用相同的后端和证书，但是在Windows上，代理将失败：“无法验证第一个证书”。在浏览器中，证书链已正确验证。

故障排除：

当我运行openssl s_client -showcerts -showcerts -connect localhost：15000 -servername localhost查询导致“无法验证第一个证书”，也基本上表示MKCERT表示MKCERT根CA找不到正确的发现。

使用openssl s_client -showcerts -cafile“ c：\ users \ someuser \ appdata \ local \ local \ mkcert \ mkcert \ rootca.pem” -connect localhost：15000 -servername localhost localhost证书将得到正确验证。这应该表明代理缺乏对MKCERT的rootca的引用。

我尝试使用以下脚本在package.json中提供rootca：

“ dev”：“ cross-env node_extra_ca_cer_certs = \ \” c：\\ users \\ users \\ someuser \\ someuser \\ appdata local \\ mkcert \\ rootca.pem \“＆amp;＆amp; vite”，

这无济于事，而代理仍然会出现相同的错误。我认为Mac和Windows在向节点提供CA根证书时的工作方式有所不同，或者默默失败？

无论如何，这如何解决？我一直在考虑将完整的证书链提供给Vite的证书，但是如果节点可以正确地引用rootca，则不需要。

Answer 1

您需要为 Target 这样的CA配置：

https: true,
proxy: {
  '/api': {
    secure:false,
    changeOrigin: true,
    //TARGET
      target: {
        protocol:'https:',
        host:'videotest.lgh',
        port: 443,
        ca:  readFileSync('./src/key/CA.pem'),
      },
      rewrite: (path) => path.replace(/^\/api/, ''),
  }
}

Vite似乎不会使用Windows的Rootca Cert Store，因此我们需要自己配置它。