#Cors policy

이지영·2024년 7월 19일

오늘 협업 작업을 하다가 문제가 발생했다.
팀원이 FireBase를 이용하여 구현한 댓글창 기능이 작동하지 않았다.

정상 화면

에러난 화면

콘솔창

네트워크 부분

CORS는
Cross Origin Resource Sharing의 약자로
교차 출처 리소스 공유가 허용되어 있지 않아서 생긴 오류이다.

CORS 에러를 해결하기 위해서는 클라이언트 쪽에서도 처리를 해줘야 하지만 서버쪽에서도 처리를 해줘야한다고 한다.

에러를 구글링해본 결과!
많은 해결법이 나왔는데
1. 구글 크롬 스토어 Allow CORS: Access-Control-Allow-Origin 플러그인을 설치하는 방법
2, 코드를 추가하는 방법 등등..
하지만 다 먹지 않았고

하지만.......
나는 애초에 로컬에서 작업했기 때문에 안되었던거라

해당이 안되는 해결법이였고, Visual Studio Code 의 liveServer 확장팩을 통하여
개발 로컬 서버 실행을 하니 바로 해결되는... 간단한 문제를
돌고 돌아.. 왔다...

정리
1.

느낀점... 부족한 부분이 너무 많아 더 공부를 해야겠다고 다짐했다.