CORS 에러 : method에 OPTIONS추가 및 OPTIONS에 한해 jwt 해제 요청

[mdgarden]

요약

CORS에러를 해소하기 위해 다음 내용 추가 부탁드립니다.

1. OPTIONS 메서드를 허용
2. 모든 OPTIONS 메서드에 한해 jwt 검증 해제 및 200 ok 리스폰스 추가

에러 내용 상세

• todo 관련 api 호출시 다음과 같은 에러가 발생합니다.

Access to XMLHttpRequest at 'http://localhost:8080/api/v1/todo' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

• 405가 아닌 401 에러 / preflight 에러 발생

에러 해결법 공유

• 이 블로그 글과 정확하게 같은 일이 발생하고 있습니다. POSTMAN에서 요청했을 때는 문제가 없었지만 브라우저에서 요청하면 에러가 발생하는 이유도 블로그에 작성되어있었습니다. 글이 알기쉽게 쓰여져 있으니 제가 설명하는 것보다 우가 직접 한번 읽어보시는게 더 빠를 것 같습니다.
• 프론트에서도 갖가지 방법을 동원해보았지만 todo api관련해서만 CORS에러가 발생하고 있습니다.