検索

ホームページ  >  に質問  >  本文

カスタムフック内に 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>
P粉928591383P粉928591383463日前398

全員に返信(1)返信します

  • P粉032900484

    P粉0329004842023-08-29 09:48:02

    useFetch キャッシュを使用して、複数の同一リクエストを回避します。

    オプションで initialCache: false を設定すると、キャッシュを無効にできます。たとえば、

    リーリー

    返事
    0
  • キャンセル返事