Accéder aux variables d'environnement dans les composables dans Nuxt3 : un guide

Question

Dans mon application nuxt 3, afin d'obtenir des données, je souhaite définir une URL de base pour tous les appels API. Quand j'obtiens cette baseURL de la variable d'environnement. Comment définir baseURL ?

Je l'ai twisté avec des éléments composables useFetch ，但随后我无法获取 baseURL，因为 useRuntimeConfig() qui n'y sont pas accessibles.

// 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

Vous pouvez accéder à la configuration d'exécution en faisant ceci

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

  console.log(config)
}

Comme indiqué ci-dessous : https://github.com/nuxt/framework /discussions/3215#discussioncomment -3088206