• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

CORS Referer Policy 와 관련하여 질문드립니다

21.10.04 20:37 작성 조회수 325

1

CORS Referer Policy와 관련하여 질문드립니다.

강사님의 강의에 사용된 Chrome Version은 85이하 버전이라

CORS Referer Policy가 no-referrer-when-downgrade로  설정되어 있는것을 확인했습니다.

그런데 강의를 수강하는 현재는 Google Chrome 정책이 변경되어 최신버전의 Chrome의 경우 Referer Policy는 default가 strict-origin-when-cross-origin으로 변경되었습니다.

그래서 node.js backend server 주소 localhost:3000 으로 API 호출시 요청은 가고 서버에서 로그도 확인이 가능하지만 Network 패널에서 200 응답이 오지 않아서 

Chrome에서 제공하는 CORS Plugin 을 설치하고나서 다시 Backend Server로 API 호출을 해보았는데 Network 패널에서 200 응답은 확인되지만

Response 부분을 확인하려고하면 No resource with given identifler found 가 표시되어 확인이 불가능하고 API 호출후 화면도 reload 되어 <p>태그에 선언한 내용도 바로 사라집니다.

첨부한 스크린샷을 보면 vue-til-server에 cors 설정에 대한 내용도 확인되지만 지금처럼 Network 패널 Response tab 에서 response data를 확인할수 있도록 하거나 API 호출후 화면이 새로고침되는 현상을 방지하려면 어떤 설정을 추가해야 할까요?

답변기다리겠습니다.

감사합니다.

답변 1

답변을 작성해보세요.

0

안녕하세요 goodbye님, 자세한 내용 첨부 감사합니다. CORS 설정은 크롬 버전과 관계 없이 서버 또는 클라이언트의 설정으로 해결되는 것으로 알고 있는데요. 백엔드 서버에 CORS 필터를 먹여놓은 상황이라 문제 없이 서버로 요청 송신 및 수신이 가능할텐데 이게 안된다고 말씀하시는 건가요? :)