ブラウザの Axios と Fetch はリクエストを送信するときに Cookie を送信しません。

Question

jwt auth を使用して Spring Boot API を開発し、エンドポイントを取得しました 'http://localhost:8080/api/signin' ログインが成功すると、jwtToken である JSESSIONID が返されます。ここまでは問題ありませんが、Cookie がリクエスト本文で渡されないため、ブラウザーの API から他のメソッドを取得できます。

jwt によって生成される Cookie は次のとおりです。 JSESSIONID=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImlhdCI6MTY4NTE1Mzk5NSwiZXhwIjoxNjg1MjQwMzk1fQ.9jxHyzDJKVra8IryxbH8se0xSl4_Dka p NsKmj RCvlJs_R8M3x3RBMeo-1VPAJv6YSQwC6ukJutRwGEyfeYrGwQ;path=/;HTTP のみ;expire=日曜日、2023 年 5 月 28 日 02:38:33 GMT;

＃＃＃例えば： こうすれば

リーリー

すべてがうまくいき、必要な JSON が返されますが、それをブラウザ上で実行すると、フロントエンドの JS スクリプト内で

リーリー

次のエラーが発生します:

リーリー

Cookie が設定されていません。たくさんのことを試して、ほとんど正気を失いました。それがどうなるか知っていますか？

Answer 1

withCredentials: true を設定する必要があります