在 Nuxt 中使用自定义 HTTPS 证书（但仅适用于开发模式）？

Question

我使用的依赖项要求我在本地主机上使用 HTTPS。我在 nuxt.config.js 中使用了以下代码来完成此操作：

server: {        
        https: {
            key: fs.readFileSync(path.resolve(__dirname, 'localhost-key.pem')),
            cert: fs.readFileSync(path.resolve(__dirname, 'localhost.pem'))
        }
    },

这些是我用 mkcert 自己创建的密钥。但是，我将在实时页面上使用实际证书。有什么方法可以将 nuxt.config.js 中的服务器块限制为仅开发模式？

Answer 1

我以前用过

server: {
    https: process.env.NODE_ENV === 'development' && process.env.USE_LOCAL_HTTPS === 'true'
      ? {
        key: fs.readFileSync(path.resolve(__dirname, 'server.key')),
        cert: fs.readFileSync(path.resolve(__dirname, 'server.crt')),
      }
      : false,
},

NODE_ENV 用于双重检查环境是否为 development，USE_LOCAL_HTTPS 是另一个变量以确保它不是 staging 开发环境。当然，如果您的 NODE_ENV 有 staging 或 test 之类的东西，您甚至可能不需要它。

否则，我从来没有 double-checked 但是这个 server 关键配置甚至可能只适用于本地开发人员。尝试尝试一下，否则尝试我的配置。

在 Nuxt 中使用自定义 HTTPS 证书（但仅适用于开发模式）？

Using a custom HTTPS cert in Nuxt (but only for dev mode)?

nuxt.js

nuxt.config.js