인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

INCEPTION님의 프로필 이미지
INCEPTION

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

redirect 에러

해결된 질문

작성

·

725

1

Response to prelifght request doesn't pass access control check: Redirect is not allowed for a preflight request. 라는 에러가 떠서 axios 호출 url 뒤에 슬래쉬를 추가했는데도 똑같이 뜹니다

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

백엔드API가 테스트용(json-server)이 아니라 다른 API죠? 해당 백엔드에서 CORS 설정이 필요해보여서요. 아래 링크를 참고해 보시겠어요?
https://yeonyeon.tistory.com/236

INCEPTION님의 프로필 이미지
INCEPTION
질문자

현재 백엔드에서

originpatterns("*")

methods("*")

headers("*")

credentials(true) 로 설정해놨습니다
spring의 addCorsMappings 함수를 오버라이드했습니다

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

백엔드에서 CORS 설정을 하셨는데 원활이 동작하지 않는다면

axios에서 아래 설정을 추가해보시겠어요?

axios.defaults.withCredentials = true;

https://axios-http.com/kr/docs/req_config

그래도 안된다면 개발자도구해서 해당 API에 대한 Response 정보를 캡쳐해서 보여주실 수 있으세요?

INCEPTION님의 프로필 이미지
INCEPTION
질문자

백엔드 쪽 로그인 소스 수정으로 해결했습니다 감사합니다!

INCEPTION님의 프로필 이미지
INCEPTION

작성한 질문수

질문하기