> 웹 프론트엔드 > JS 튜토리얼 > Axios 요청에 쿠키를 자동으로 포함하는 방법은 무엇입니까?

Axios 요청에 쿠키를 자동으로 포함하는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-12-07 00:55:12
원래의
935명이 탐색했습니다.

How to Automatically Include Cookies in Axios Requests?

Axios 요청에 쿠키 포함 자동화

Axios를 사용하여 클라이언트에서 Express.js 서버로 요청을 보낼 때 다음이 필요한 경우가 많습니다. 요청 헤더에 쿠키를 포함합니다. 그러나 각 요청에 쿠키를 수동으로 추가하는 것은 지루하고 오류가 발생하기 쉽습니다. 다행히 Axios는 이 문제에 대한 솔루션을 제공합니다.

Axios 요청에 쿠키를 자동으로 포함하려면 withCredentials 속성을 사용할 수 있습니다. 이 속성은 요청의 헤더에 자격 증명(쿠키, HTTP 인증)이 포함되어야 하는지 여부를 나타냅니다.

Credentials를 수동으로 설정

특정 요청의 경우 Credentials를 사용하여 설정할 수 있습니다. 요청할 때 직접:

axios.get('some api url', { withCredentials: true }).then(response => ...
로그인 후 복사

자격 증명 활성화 모든 요청에 ​​대해

모든 Axios 요청에 자동으로 쿠키가 포함되도록 하려면 다음과 같이 withCredentials 속성을 전역적으로 설정할 수 있습니다.

axios.defaults.withCredentials = true
로그인 후 복사

사용자 정의 Axios 인스턴스 생성 withCredentials

또 다른 옵션은 사용자 정의 Axios를 생성하는 것입니다. 특정 요청에 대해 withCredentials가 활성화된 인스턴스:

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

instance.get('/todos')
로그인 후 복사

참고:

클라이언트와 서버에 대해 다른 도메인을 사용하는 경우 withCredentials를 true로 설정하는 것은 서버가 클라이언트가 보낸 쿠키를 읽을 수 있도록 허용하는 데 필요합니다.

위 내용은 Axios 요청에 쿠키를 자동으로 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿