내 브라우저가 Cross-Origin 응답에서 쿠키 허용을 거부하는 이유는 무엇입니까?

브라우저가 Cross-Origin 응답에서 Set-Cookie 헤더 적용을 거부합니다

애플리케이션이 백엔드에서 HTTP 쿠키를 설정하는 데 어려움을 겪고 있으며 후속 요청을 위해 이를 검색합니다. 이 문제를 해결하려면 클라이언트 코드에서 withCredentials의 배치를 해결해야 합니다.

대신:

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

다음이 필요합니다.

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

배치 수정된 코드에서 볼 수 있듯이 요청 속성인 withCredentials를 사용하면 브라우저가 교차 출처 요청에 대한 쿠키를 보내고 받을 수 있습니다. 이렇게 하면 프런트 엔드에서 인증 목적으로 RefreshToken 쿠키를 올바르게 설정하고 액세스할 수 있습니다.

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