Nuxt 3でuseFetchで使用されるグローバルAPIのbaseUrlを設定する方法

Question

グローバル useFetch コンポーザブル (おそらく nuxt.config.ts) で使用される BaseUrl を設定するにはどうすればよいですか?

useFetch のたびに定義しないようにするにはどうすればよいですか?

Answer 1

nuxt.config.js|ts で baseURL を次のように定義できます:

リーリー

(または、好みに応じて、固定値または単に環境変数を使用します)

そして、次のコンポーザブルを追加します:

リーリー

タイプセーフが必要な場合は、次のようにして実現できます:

リーリー

その後、useFetch の代わりに useMyFetch を使用できますが、baseURL を設定します :-)