首页  >  问答  >  正文

在 Nuxt3 中的可组合项中访问环境变量:指南

在我的 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);
}


P粉739942405P粉739942405346 天前867

全部回复(1)我来回复

  • P粉763748806

    P粉7637488062023-11-24 10:19:06

    您可以通过这样做访问运行时配置

    export default () => {
      const config = useRuntimeConfig()
    
      console.log(config)
    }
    

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

    回复
    0
  • 取消回复