在 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 之類的東西，您甚至可能不需要它。

否則，我從來沒有仔細檢查過，但這個 server 金鑰配置甚至可能只適用於本機開發。嘗試一下，否則嘗試我的配置。