如何在 Vuex 的操作中获取 nuxt 配置答案

【问题标题】：How to get nuxt config inside action of Vuex如何在 Vuex 的操作中获取 nuxt 配置
【发布时间】：2021-07-15 01:14:42
【问题描述】：

如何为 nuxt 项目中的 vuex 操作提供 api url？我正在尝试设置nuxt.config.js

publicRuntimeConfig: {
  apiURL: process.env.API_URL || 'http://127.0.0.1:3001/api/v1',
},

然后我试图从 vuex 动作中获取它，但我没有它。 context 和 this 没有，也没有 $config。在 vue 组件中我成功通过this.$config.apiURL，但不是在 vuex 操作中。

【问题讨论】：

【解决方案1】：

在 Vuex 动作和组件中

this.$config.apiBaseUrl

【讨论】：

【解决方案2】：

感谢this.app.$config.apiURL，您可以在vuex中引用它

【讨论】：

【解决方案3】：

nuxt.config.js

添加以下内容：

      env: {
        API_URL: "https://",
      }

现在您可以从任何文件中获取它：

process.env.API_URL

【讨论】：