Axios 요청으로 쿠키를 자동으로 보내려면 어떻게 해야 합니까?

Axios 쿠키 처리: 요청 시 자동으로 쿠키 보내기

Axios를 사용하여 클라이언트에서 Express.js 서버로 요청을 보낼 때 자동으로 쿠키를 보내야 할 수도 있습니다. 해당 요청의 쿠키. 이 문서에서는 이 기능을 구현하는 방법을 살펴봅니다.

문제 설명

클라이언트-서버 통신에 Axios를 사용하고 있습니다. 클라이언트에 쿠키를 설정했지만 Express.js 서버의 헤더나 쿠키에 액세스할 때 요청에 해당 쿠키가 없다는 것을 발견했습니다.

해결책: withCredentials 속성 사용

Axios 요청 객체의 withCredentials 속성을 사용하면 자동으로 쿠키를 보낼 수 있습니다. 이 속성을 사용하면 다른 도메인의 XMLHttpRequest 요청이 자신의 도메인에 대한 쿠키 값을 설정할 수 있습니다.

구현 옵션

withCredentials 속성을 사용하는 방법에는 세 가지가 있습니다.

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 속성을 사용하면 클라이언트에 설정된 쿠키가 모든 후속 요청에 자동으로 포함됩니다. 이를 통해 클라이언트와 서버 간의 원활한 통신이 가능해지며 인증, 세션 추적 및 기타 목적으로 쿠키를 사용할 수 있습니다.

위 내용은 Axios 요청으로 쿠키를 자동으로 보내려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!