カスタムフック内に useFetch のコピーを作成するにはどうすればよいですか?
<p>複数回使用できるフックを作成しようとしていますが、得られる動作は期待どおりではありません</p>
<p>/composables/fetch.ts</p>
<pre class="brush:js;toolbar:false;">export const useFetchWithErrorHandler = async (url: string, options?: FetchOptions) => {
const ルート = useRoute();
const { API_BASE_URL, API_PREFIX } = useRuntimeConfig();
console.log(url, オプション);
return new Promise(async (解決、拒否) => {
const 応答 = await useFetch(API_PREFIX url, {
...オプション、
ベースURL: API_BASE_URL、
初期キャッシュ: false、
async onResponse({ リクエスト、レスポンス、オプション }) {
console.log('[応答を取得]', 応答);
}、
async onResponseError({ リクエスト、レスポンス、オプション }) {
console.log('[応答取得エラー]');
}、
});
解決(応答);
});
</pre>
<p>最初のリクエストのみをトリガーします</p>
<pre class="brush:js;toolbar:false;">const { data: response } = await useFetchWithErrorHandler(`page-1`, {
選択: ['データ']、
});
const { データ: 応答 } = await useFetchWithErrorHandler(`page-2`, {
選択: ['データ']、
});
</pre></p>