在 Nuxt3 中的可組合項中存取環境變數：指南

Question

在我的 nuxt 3 應用程式中，為了獲取數據，我想為所有 API 呼叫設定一個基本 URL。當我從環境變數中取得這個 baseURL 時。如何設定baseURL？

我用可組合項目扭曲 useFetch ，但隨後我無法取得 baseURL，因為 useRuntimeConfig() 在那裡無法存取。

// My composables function
const baseURL = "how to get baseURL from process.env";

export const myFetch = async (url: string) => {
  const options = {
    baseURL: baseURL,
  };

  return await useFetch(url, options);
}

#

Answer 1

您可以透過這樣​​做存取運行時配置

export default () => {
  const config = useRuntimeConfig()

  console.log(config)
}

如下： https://github.com/nuxt/framework /discussions/3215#discussioncomment-3088206