서버에서 다른 도메인으로 redirect시 cors 문제

Question

현재 상황은 A사이트에서 어떠한 버튼 클릭시 post방식의 데이터들이 B사이트의서버에 전송된 뒤 A사이트를 B사이트로 redirect 시키려는 상황입니다. B사이트는 vue, spring으로 spa형태이구요.서버쪽 코드는 (데이터들은 중요하지않아 코드에서 뺐습니다.) &#64;PostMapping(value &#61; &#34;redirect&#34;, consumes &#61; MediaType.ALL_VALUE) public void redirect(HttpServletResponse response) throws IOException { String redirect_uri&#61;&#34;http://siteB/&#34;; response.sendRedirect(redirect_uri); response.setHeader(&#34;Access-Control-Allow-Origin&#34;, &#34;*&#34;); }입니다.에러는 Access to XMLHttpRequest at 'http://localhost:8081/' (redirected from 'http://localhost/redirect') from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 입니다.

뎅이 · Answer

request dispatch와 redirect 의 차이이기도 합니다.request dispatch 는 일단 서버로 요청이 가서 최초 생성된 request와 response를 두번째 url 호출시 그대로 넘겨주기 때문에 request의 주소가 유지됩니다. (브라우저 주소창)하지만 redirect는 서버에서 처리되지 않고 client에 다른 주소로 가라는 명령이기때문에 브라우저 주소가 변경되게 됩니다.이 redirect를 AJAX에 대입해 보면A 주소로 ajax 요청을 보냈는데 브라우저에게 B 주소로 갱신하라는 말입니다. 말이 안되는 상황인거죠.A 주소로 ajax 를 보냈는데 B에서 뭔가 결과를 받아와야 한다면 HttpConnection을 써서 간접적으로 받아서 넘겨줘야 합니다.

뎅이 · Answer

AJAX가 아닌 Form submit 인데 서버에서 redirect를 하는 경우에는 그냥 됩니다. 브라우저 주소 변경이니까요.

뎅이 · Answer

Access-Control-Allow-Origin 같은 CORS 헤더들은 받아들이는 서버에 설정되어서 preflight 시에 Client에게 허용하는 CORS 값들을 알려주는 겁니다. 즉, 임의로 설정해도 소용없어요.

서버에서 다른 도메인으로 redirect시 cors 문제

3개의 답변

Q&A 목록