Next.js ミドルウェアが複数回実行されるのはなぜですか?

Question

npx create-next-app@latest --typescript を使用して、新しい Next.js を作成しました。インストール後 (バージョン 13.3.4)、ファイルを変更せずに、src フォルダー # ファイル内に新しい middleware.ts## を追加し、これを配置するだけです。コード: リーリー

コンソール ログが複数回ヒットしました。一度あったと思いますか？この新しい Next.js インストールのために何か構成を行う必要がありますか?

注: 認証のためにミドルウェアでいくつかの Cookie ロジックを実行します。スクリーンショット:

Answer 1

ミドルウェアは、JavaScript、CSS、画像ファイルなどのリソースに対するリクエストを含むすべてのリクエストでデフォルトで実行されるため、これは正常です。 doc でわかるように:

request.nextUrl.pathname をログに記録すると、それが実行されているさまざまなパスが表示されます。特定のパスに対してのみ実行するには、次のような 条件ステートメント または matcher オブジェクトを使用する必要があります。 リーリー