Nuxt 3: useAsyncData と $fetch は 1 回だけ機能します

Question

プロジェクトで nuxt 3 を使用しており、/server/api/ ディレクトリにある typescript ファイルにリクエストを出したいと考えています。しかし、ファイル app.vue でこれを行うと:

リーリー

この関数 createperson を呼び出すとき:

リーリー

私のアプリケーションは「/api/file」を 1 回フェッチするだけで、再フェッチしません。 useAsyncData が提供する更新関数を使用すると、ボタンが初めてクリックされたときに 2 回フェッチされ、その後は 1 回フェッチされます。

Answer 1

質問に答えるには、AsyncData を使用してリクエストを強制的に更新するためのキーを追加する必要があります。再フェッチが発生しない理由は、createperson がキーとして変更されないため、再フェッチは実行されません。 したがって、必要なのは、お気に入りの useAsyncData メソッドを使用してランダム キーを生成することだけです

リーリー

キーを気にせずにリフレッシュ機能を使用することもできます。このドキュメントを確認してください https://nuxt.com/docs/getting -started/data-fetching#refreshing-data