내 브라우저가 Cross-Origin 응답에서 쿠키를 설정하지 않는 이유는 무엇입니까?

브라우저가 Cross-Origin 응답에서 Set-Cookie 헤더를 존중하는 것을 거부합니다

문제:

애플리케이션이 백엔드에서 프런트엔드로 전송된 HTTP 쿠키를 설정하고 유지하는 데 어려움을 겪습니다.

특징:

• 백엔드가 쿠키를 올바르게 보냅니다. 응답 헤더.
• 프런트 엔드는 Axios를 사용하여 요청을 보내지만 쿠키는 로컬로 설정되지 않습니다.
• API 라우터에는 쿠키를 허용하는 데 필요한 헤더와 CORS 설정이 있습니다.

해결 방법:

오류는 Axios 요청 구성에서 withCredentials 배치에 있습니다. withCredentials는 요청 헤더가 아닌 요청의 속성입니다. 문제를 해결하려면 헤더 개체에서 최상위 구성 개체로 이동해야 합니다.

수정된 코드:

const axiosAuth = axios.create({
  validateStatus: (status: number) => {
    return status >= 200 && status < 300;
  },
  headers: {
    Accept: `application/json`,
    'Content-Type': 'application/json',
  },
  withCredentials: true,
});

withCredentials 사용: true 구성 객체에서 Axios는 교차 출처 쿠키 설정 및 검색을 자동으로 처리합니다.

위 내용은 내 브라우저가 Cross-Origin 응답에서 쿠키를 설정하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!