Axios リクエストに Cookie を自動的に含める方法は?

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

Axios を使用してクライアントから Express.js サーバーにリクエストを送信する場合、多くの場合、次のことが必要になります。リクエストヘッダーにCookieを含めます。ただし、各リクエストに Cookie を手動で追加するのは面倒で、エラーが発生しやすくなります。幸いなことに、Axios はこの問題に対する解決策を提供します。

Axios リクエストに Cookie を自動的に含めるには、withCredentials プロパティを使用できます。このプロパティは、リクエストのヘッダーに認証情報 (Cookie、HTTP 認証) を含める必要があるかどうかを示します。

withCredentials を手動で設定する

特定のリクエストについては、withCredentials を設定できます。作成時に直接request:

axios.get('some api url', { withCredentials: true }).then(response => ...

すべてのリクエストで withCredentials を有効にする

すべての Axios リクエストに Cookie が自動的に含まれるようにする場合は、次のように withCredentials プロパティをグローバルに設定できます。

axios.defaults.withCredentials = true

カスタム Axios の作成withCredentials を使用したインスタンス

別のオプションは、特定のリクエストに対して withCredentials を有効にしてカスタム Axios インスタンスを作成することです:

const instance = axios.create({
  withCredentials: true,
  baseURL: BASE_URL
})

instance.get('/todos')

注:

クライアントとサーバーに異なるドメインを使用している場合は、withCredentials を次のように設定します。 true は、サーバーがクライアントから送信された Cookie を読み取ることができるようにするために必要です。

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