vue.js nuxt3根据环境使用不同的API url？

tquggr8v 于 2023-06-24 发布在 Vue.js

关注(0)|答案(1)|浏览(175)

在Nuxt 3中是否有方法根据环境使用不同的API url？
在Nuxt 2中，我可以在配置文件中使用这样的东西：

const isProdEnv = process.env.DEPLOYMENT_ENV === 'production'
const testEndpoint = 'https://TESTENDPOINT'
const prodServicesEndpoint = 'https://PRODENDPOINT'
const servicesEndpoint = isProdEnv ? prodServicesEndpoint : testServicesEndpoint

export default {
  env: {
    apiBaseUrl: servicesEndpoint
  },
}

vue.js

来源：https://stackoverflow.com/questions/76518136/nuxt-3-use-different-api-url-based-on-environment

1条答案

按热度按时间

zaqlnxep1#

使用Nuxt 3语法，您可以编写如下内容：

const isProdEnv = process.env.NODE_ENV === 'production'
const testEndpoint = 'https://TESTENDPOINT'
const prodServicesEndpoint = 'https://PRODENDPOINT'
const servicesEndpoint = isProdEnv ? prodServicesEndpoint : testServicesEndpoint

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      apiBaseUrl: servicesEndpoint
    }
  },
  // ...
 })

然后你可以在你的代码中访问它：

const { public: { apiBaseUrl }} = useRuntimeConfig()

有关其他信息，请参阅documentation。

赞(0）回复(0）举报 2023-06-24

我来回答

vue.js nuxt3根据环境使用不同的API url？

1条答案

相关问题

热门标签

最新问答