Nuxt Env 变量在 Netlify 上不起作用

【问题标题】：Nuxt Env variables not working on NetlifyNuxt Env 变量在 Netlify 上不起作用
【发布时间】：2020-09-12 17:16:19
【问题描述】：

我正在尝试通过 github 将我使用 Nuxt JS 制作的静态生成应用程序部署到 Netlify，我遇到的问题是我的 .env 文件中的 API_KEY 变量，即使我将它们添加到我的可用环境变量中Netlify 项目设置，我的应用控制台日志中仍然出现 404 错误和未定义的 api 密钥。

【问题讨论】：

【解决方案1】：

如果您打算在应用程序中使用环境变量（nuxt.config.js 之外），那么您可能需要切换到 runtimeConfig。

//nuxt.config.js
export default {
  publicRuntimeConfig: {
    baseURL: process.env.BASE_URL
  }
}

//in your app
this.$config.baseURL

【讨论】：

我已经这样做了，其实这里是我的 nuxt.config.js 代理：{ '/api/': { target: process.env.BASE_URL , pathRewrite: { '^/api/ ': '' } } }, publicRuntimeConfig: { baseURL: process.env.BASE_URL }, privateRuntimeConfig: { apiSecret: process.env.API_SECRET },
在 Netlify 上添加环境变量后，您是否尝试过重新触发构建？ :)
是的，我做了，仍然没有。
请注意，privateRuntimeConfig 仅在构建期间可用，之后不可用（例如，在客户端导航时）。