Express での axios post リクエスト後のリダイレクト

Question

Axios からの投稿リクエストを受け入れた後、リダイレクトできません。私のコンソールには「インデックス」、「ユーザー認証」が記録されているため、リクエストが送信され、少なくとも「/」ルートから何らかの応答が得られていることがわかります。これは、誰かが「/」にgetリクエストを行ったときに起こるはずです。 '。問題は、ページが読み込まれないことです。 Google Chrome のネットワーク タブに読み込まれた Index.js も表示されますが、何を試してもページは変わりません。これには何か理由があるのでしょうか？

私が作成した他のリダイレクトは機能しているようです。たとえば、ユーザーがログインしていない場合、インデックス ページは /login に再ルーティングされます。これは投稿リクエストに関する単なる問題のようです。パスポート認証ありとなしでテストしました（明らかに、リダイレクトするにはログインする必要があるように変更されました）が、結果は同じでした。したがって、パスポートが問題の原因ではないと思います。

私が使用しているものを確認するには、以下の package.json を参照してください。

axios コード:

リーリー

表現の側面: テスト中に思い出すためのコンソール ログがあります

リーリー

パッケージ.json

リーリー

Answer 1

これは後から分かりました。どうやら、Axios 投稿リクエストを行うと、サーバーからリダイレクトできないようです。少なくとも、私のやり方（デフォルトのAxios設定を使用）ではありません。クライアント側でページを変更する必要があります。これが私がやったことです。

リダイレクト ルートからデータを受信するために他の方法を使用しているのに、ページが読み込まれないため、これは私にとって非常に混乱します。

また、何らかの理由で Next.js を使用すると、passport.js の "successRedirect" および "failureRedirect" JSON が機能しないようです。そのため、私はルートを上記の方法で記述し、Passport.authenticate() 関数には含めませんでした。これが誰かの役に立てば幸いです!

私の axios 送信機能:

リーリー

Express サーバーにリクエストを投稿する

リーリー