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

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

問題ステートメント:

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

解決策: withCredentials プロパティ

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

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

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

// 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 サイトの他の関連記事を参照してください。