javascript - 根据 nuxt.config.js 中的服务器创建动态环境变量

Question

我在 nuxt.config.js 文件中添加了以下 ENV 数据

env: {
      apiUrl: 'http://mywebsite.local/api/',
      webUrl: 'http://mywebsite.local/',

      apiUrl: 'https://mywebsite.live/api/',
      webUrl: 'https://mywebsite.live/'
},

根据环境，我保留了两行注释。因此，当我在本地工作时，我用 mywebsite.live url 注释这两行。当文件上传到服务器时，我用 url mywebsite.local 注释这两行。

我想要做的是代码应该检测站点是在本地运行还是在服务器上运行，并基于此使用 ENV 配置。我怎样才能做到这一点？

Answer 1

您可以使用此环境变量来判断您是处于生产还是开发:process.env.NODE_ENV，您可以在以下位置使用它三元运算符来解决您的问题。

env: {
  apiUrl: process.env.NODE_ENV === "production" ? 'https://mywebsite.live/api/' : 'http://mywebsite.local/api/',
  webUrl: process.env.NODE_ENV === "production" ? 'https://mywebsite.live/' : 'http://mywebsite.local/'
}