カスタムフック内に useFetch のコピーを作成するにはどうすればよいですか?
P粉928591383
P粉928591383 2023-08-28 15:24:54
0
1
425
<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粉928591383
P粉928591383

全員に返信(1)
P粉032900484

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

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

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート