Zugriff auf Umgebungsvariablen in Composables in Nuxt3: eine Anleitung

Question

In meiner Nuxt-3-Anwendung möchte ich zum Abrufen von Daten eine Basis-URL für alle API-Aufrufe festlegen. Wenn ich diese Basis-URL von der Umgebungsvariablen erhalte. Wie stelle ich die Basis-URL ein?

Ich habe es mit zusammensetzbaren Elementen verdreht useFetch ，但随后我无法获取 baseURL，因为 useRuntimeConfig(), was dort nicht zugänglich ist.

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