Axios リクエストで Cookie を自動的に送信するにはどうすればよいですか?

Axios Cookie の処理: リクエストで Cookie を自動的に送信する

Axios を使用してクライアントから Express.js サーバーにリクエストを送信する場合、自動的に送信する必要がある場合があります。これらのリクエストには Cookie が含まれています。この記事では、この機能を実現する方法について説明します。

問題の説明

クライアント/サーバー通信に Axios を使用しています。クライアントに Cookie を設定しましたが、Express.js サーバーのヘッダーまたは Cookie にアクセスすると、それらがリクエストに存在しないことがわかります。

解決策: withCredentials プロパティを使用する

Axios リクエスト オブジェクトの withCredentials プロパティを使用すると、Cookie を自動的に送信できます。このプロパティにより、別のドメインからの XMLHttpRequest リクエストが独自のドメインの Cookie 値を設定できるようになります。

実装オプション

withCredentials プロパティを使用するには、次の 3 つの方法があります。

1. 個々のリクエストに指定します:

axios.get('BASE_URL + "/todos"', { withCredentials: true });

2. すべての Axios リクエストのデフォルトとして設定します:

axios.defaults.withCredentials = true;

3. 認証情報を持つ axios インスタンスを使用する:

const instance = axios.create({
  withCredentials: true,
  baseURL: BASE_URL,
});
instance.get('/todos');

結論

Axios で withCredentials プロパティを使用すると、Cookie が確実にクライアントに設定された内容は、後続のすべてのリクエストに自動的に含まれます。これにより、クライアントとサーバー間のシームレスな通信が可能になり、認証、セッション追跡、その他の目的で Cookie を使用できるようになります。

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