Mengakses pembolehubah persekitaran dalam komposit dalam Nuxt3: panduan

Question

Dalam aplikasi nuxt 3 saya, untuk mendapatkan data, saya ingin menetapkan URL asas untuk semua panggilan API. Apabila saya mendapat baseURL ini daripada pembolehubah persekitaran. Bagaimana untuk menetapkan baseURL?

Saya memutarkannya dengan barang-barang yang boleh digubah useFetch ，但随后我无法获取 baseURL，因为 useRuntimeConfig() yang tidak boleh diakses di sana.

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

Anda boleh mengakses konfigurasi masa jalan dengan melakukan ini

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

  console.log(config)
}

Seperti yang ditunjukkan di bawah: https://github.com/nuxt/framework /discussions/3215#discussioncomment-3088206