Vue.js CORS Policy 해결

써니·2023년 1월 21일
0

vue.js

목록 보기
9/15

CORS Policy란?

참고 : [WEB] 📚 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏

CORS(Cross-Origin Resource Sharing) 의 "Cross-Origin Resource Sharing" 문장을 직역하면 "교차 출처 리소스 공유 정책"이라고 해석할 수 있는데, 여기서 교차 출처라고 하는 것은 (엇갈린) 다른 출처를 의미하는 것으로 보면 된다.

❌오류발생

회원정보 수정을 하려고 axiso - patch를 실행하던 중간에
CORS Policy 오류라는 걸 발견하게 된다.
인터넷에서 검색했을 때 악명 높은 오류라는 걸 알게 되었다.




⭕해결 방법

  • swagger.config

    swagger.config에서 allowedMethods에 PATCH를 추가해줘서 바로 해결

0개의 댓글