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

Axios リクエストへの Cookie の組み込みの自動化

Axios を使用してクライアントからサーバーにリクエストを行う場合、多くの場合、Axios リクエストに埋め込まれた Cookie を送信する必要があります。それらのリクエスト。これらを手動で追加しないと、Express.js で cookieParser ミドルウェアを使用しているにもかかわらず、req.headers と req.cookies が空のままになっている例で示されているように、サーバー コードでこれらの Cookie にアクセスするのが困難になる可能性があります。

Toこの問題を解決するには、Axios が wi​​thCredentials プロパティを提供します。このプロパティを有効にすると、Cookie を含む資格情報が Axios によって行われるすべてのリクエストに自動的に含まれるようになります。この動作は、XMLHttpRequest オブジェクトのデフォルトの動作を模倣し、異なるドメイン間で Cookie を安全に送信できるようにします。

withCredentials を設定する 3 つの方法は次のとおりです。

1. 有効にします。すべてのアクシオスリクエスト:

axios.defaults.withCredentials = true;

2. 特定のリクエストに対して有効にする:

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

3. withCredentials を使用して Axios インスタンスを作成する有効:

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

withCredentials を true に設定すると、Axios はすべてのリクエストに Cookie を自動的に組み込み、手動介入の必要性を排除し、リクエスト間でシームレスな認証と追跡を保証します。

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