如何在 Vuex 的动作中获取 nuxt 配置

Question

如何为nuxt项目中的vuex action提供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 操作中却没有。

Answer 1

nuxt.config.js

添加以下内容：

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

现在您可以通过以下方式从任何文件中获取它：

process.env.API_URL

Answer 2

感谢this.app.$config.apiURL

，您可以在vuex中引用它

Answer 3

在 Vuex 操作和组件中

this.$config.apiBaseUrl

How to get nuxt config inside action of Vuex