相关疑难解决方法(0)

我正在尝试让 https 在我的 Vite 本地主机环境中工作。Chrome 显示无效证书错误。

我已经像这样设置了 vite.config.js 文件：

import { defineConfig  } from 'vite'
import vue from '@vitejs/plugin-vue'
import fs from 'fs';

export default defineConfig({
  resolve: { alias: { '@': '/src' } },
  plugins: [vue()],
  https: {
    key: fs.readFileSync('RootCA-key.pem'),
    cert: fs.readFileSync('RootCA.pem')
  }
})

当我运行它时npm run dev -- --https，它按预期工作，我没有从 Vite 收到任何问题。但是，Chrome 显示无效证书。

我使用 openssl 创建证书文件，这给了我 .crt、.pem 和 .key 文件。它们都不是二进制的，因此我将 .key 文件重命名为 RootCA-key.pem。我尝试使用 RootCA.pem 文件作为证书，并将 RootCA.crt 文件重命名为 RootCA-cert.pem 并将其用作证书。

作为临时解决方法，我在 Chrome 中启用了不安全的本地主机 (chrome://flags/#allow-insecure-localhost)，这至少消除了警告。