(vue3/axios) 서버(백엔드)에서 허용해줬음에도 불구하고 CORS 오류 뜰때

 

1. 서버에서 허용한 포트 확인

2. 서버에서 허용한 메서드 확인 -> "OPTIONS" 꼭 있어야함 (GET, POST. 등)
(axios는 OPTIONS 메서드로 프리플라이트 요청을  하기에 이를 허용해주어야함)

3. 서버에서 withCredentials: true라면 프론트에서도 axios 요청시 withCredentials: true 옵션 있어야함

4. 프론트에서 axios 헤더에 'Access-Control-Allow-Origin': '*' 포함시키면 안됨. 이설정은 프론트에서 해주는게 아님.