ホームページ > ウェブフロントエンド > jsチュートリアル > Express.js サーバーへのリクエストに Cookie を自動的に含めるように Axios を構成するにはどうすればよいですか?

Express.js サーバーへのリクエストに Cookie を自動的に含めるように Axios を構成するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-17 10:20:03
オリジナル
938 人が閲覧しました

How to Configure Axios to Automatically Include Cookies in Requests to an Express.js Server?

自動 Cookie を含めるための Axios の構成

問題ステートメント:

クライアントから Express への HTTP リクエストを行うとき。 Axios を使用する JS サーバーでは、クライアントに設定された Cookie がリクエストで自動的に送信されません。その結果、サーバー側コードは認証やその他の目的でこれらの Cookie にアクセスできなくなります。

解決策: withCredentials プロパティ

この問題を解決するために、Axios ライブラリは withCredentials プロパティを提供します。 true に設定すると、クロスサイト要求転送 (CORS) 資格情報が有効になり、Axios が要求に Cookie を含めることができるようになります。

1

axios.get(`some api url`, { withCredentials: true });

ログイン後にコピー

このプロパティは、個々の Axios 要求に適用することも、すべての要求のデフォルトとして設定することもできます。 :

1

2

3

4

5

6

7

8

9

// Force credentials for all Axios requests

axios.defaults.withCredentials = true;

 

// Use credentials for a specific Axios request instance

const instance = axios.create({

  withCredentials: true,

  baseURL: BASE_URL

});

instance.get('/todos');

ログイン後にコピー

withCredentials を true に設定すると、CORS 資格情報が有効になり、Cookie が自動的に送信されます。 Axios は設定されたドメインにリクエストします。これにより、サーバー側のコードがこれらの Cookie にアクセスし、セッション管理、認証、またはその他の必要な目的で利用できるようになります。

以上がExpress.js サーバーへのリクエストに Cookie を自動的に含めるように Axios を構成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート