[解決済み】Axiosがリクエストに含まれるクッキーを自動的に送信するようにする
2022-04-11 15:32:32
質問
Axios を使用して、クライアントから Express.js サーバーにリクエストを送信しています。
私はクライアントにクッキーを設定し、手作業でリクエストに追加することなく、すべてのAxiosリクエストからそのクッキーを読み取りたい。
これは私のクライアントサイドのリクエストの例です。
axios.get(`some api url`).then(response => ...
Express.jsサーバーでこれらのプロパティを使用して、ヘッダーやクッキーにアクセスしようとしました。
req.headers
req.cookies
どちらもCookieは含まれていません。クッキー・パーサーのミドルウェアを使用しています。
app.use(cookieParser())
Axiosがリクエストに含まれるクッキーを自動的に送信するにはどうしたらいいですか?
編集してください。
クライアント側でCookieを設定すると、このようになります。
import cookieClient from 'react-cookie'
...
let cookie = cookieClient.load('cookie-name')
if(cookie === undefined){
axios.get('path/to/my/cookie/api').then(response => {
if(response.status == 200){
cookieClient.save('cookie-name', response.data, {path:'/'})
}
})
}
...
Axiosも使っているものの、質問とは関係ない。私は単に、クッキーが設定されたら、すべてのリクエストにクッキーを埋め込みたいだけなのです。
どのように解決するのですか?
を使用することができます。
withCredentials
プロパティを使用します。
異なるドメインからのXMLHttpRequestは、リクエストを行う前にwithCredentialsをtrueに設定しない限り、自身のドメインのCookie値を設定することができません。
axios.get(BASE_URL + '/todos', { withCredentials: true });
また、すべてのAxiosリクエストにクレデンシャルを強制することが可能です。
axios.defaults.withCredentials = true
または、以下のコードのようにAxiosのリクエストの一部にクレデンシャルを使用します。
const instance = axios.create({
withCredentials: true,
baseURL: BASE_URL
})
instance.get('/todos')
関連
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す
-
[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】SyntaxError: JSON の位置 1 に予期しないトークン o があります。
-
[解決済み] REST APIからデータを取得しようとしたときに、要求されたリソースに'Access-Control-Allow-Origin'ヘッダーが存在しない。
-
[解決済み] ブラウザのCookieドメインはどのように機能するのですか?
-
[解決済み] なぜCSRF防止トークンをクッキーに入れるのが一般的なのですか?
-
[解決済み] クロスオリジンリクエストにCookieを設定する
-
[解決済み】セッションは本当にRESTfulnessに違反するのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み] テスト
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】TypeError: AngularJSで未定義のプロパティ'get'を読み取れない
-
[解決済み】ETIMEDOUTエラーの対処方法は?
-
[解決済み] クッキーでAPIを取得する
-
[解決済み] クロスオリジンリクエストにCookieを設定する