토⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(문제가 발생한 이미지나 전체 결제흐름 동영상을 첨부해주시면 빠른 분석을 받으실 수 있습니다.)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
라오류 메시지 전문:
Access to CSS stylesheet... from origin 'https://online-payment.kakaopay.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
현재 환경: Angular SPA 환경에서 팝업 또는 리다이렉트 방식으로 연동 중
Access to CSS stylesheet... from origin 'https://online-payment.kakaopay.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
현재 환경: Angular SPA 환경에서 팝업 또는 리다이렉트 방식으로 연동 중
T어떤 방식으로 카카오 결제창 구현한 것일까요?
일반적인 에러는 아닌데 해당 css를 직접 불러오거나 iframe 등을 사용하여 구현하셨나요?
일반적인 에러는 아닌데 해당 css를 직접 불러오거나 iframe 등을 사용하여 구현하셨나요?
라css를 직접 불러오거나 iframe을 쓰지 않았습니다.
K어떤 방식 사용해서 연동하신건가요
K그리고 app 인가요?
라리다이렉트 방식을 이용했으며 app 아닙니다.
K그러면 해당 페이지에 Access-Control-Allow-Origin' 헤더가 어떻게 설정되어 있는지 확인해 보세요.
라046d8aae8b8fe2c4234794f3cdc4a42aaec5e35c81d071e5f67c96457d42f260:1 Access to CSS stylesheet at 'https://t1.kakaocdn.net/online_payment/online-payment-pc-bridge-client/66b97c9d905abe0d3c88a1f002184b52a894268f/static/index-1052d890.css' from origin 'https://online-payment.kakaopay.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
라Access-Control-Allow-Origin을 저희쪽에서 설정해야 하는건 아니죠?
K가맹점에서 설정하신것 때문에 발생하는것 같습니다.
라어떤 설정을 말씀하시는건지요?
K가맹점 결제 페이지에서 Access-Control-Allow-Origin 를 설정하셨는지 확인해주세요.
K아니면 저희가 페이지를 들어가볼수 있을까요?
라토스페이는 정상적인데 카카오페이만 그래요 Access-Control-Allow-Origin 을 저희가 따로 설정해야 하나요?
라메뉴얼에서는 못 본것 같은데
K설정을 안해야 하는데 설정이 되어 있으신것 같아요.
K페이지 로딩하시고 페이지에 Access-Control-Allow-Origin 이 값이 어떻게 설정되어 있는지를 봐야 할것 같습니다.
라따로 설정한게 없습니다.
T저희가 접속해볼 수 있는 주소가 있을까요?
라로컬에서 개발중이라 보실수 있는 주소가 없습니다.
Ktosspublic on Notion
웹 페이지의 네트워크 활동을 기록하려면, 브라우저의 개발자 도구(DevTools) 의 네트워크(Network) 탭을 사용하여 .har 파일을 저장할 수 있습니다.
K이거 가이드 보시고 에러 발생할때 har 파일 잡아서 공유부탁드립니다.
라팝업으로 띄워서 사용중입니다.
라message.txt5.15KB
M혹시 내부망인가요?
라네
M가끔 방화벽에서 차단페이지를 주면서 Access Control Allow Origin을 안주거든요
M내부망말고 핫스팟 등에서 시도해보세요
라우리쪽 방화벽에서 차단하고 있다는 이야기인가요?
라그리고 로컬에서 핫스팟을 잡아서 어떻게 개발하나요?
M네 그렇습니다
Mlocalhost에서 개발하신다면 와이파이랑 무관하게 동작하니까…
핸드폰 모바일핫스팟과 같이 대외망인 경우에 잘 동작하는지만 체크해보는 용도로는 사용이 가능합니다.
핸드폰 모바일핫스팟과 같이 대외망인 경우에 잘 동작하는지만 체크해보는 용도로는 사용이 가능합니다.
라결국 실제 서비스를 올려보면 알겠군요?
라화면이 깨져도 결제가 안되는건 아니지만
라저희쪽 서버 관리자에게 어떻게 해달라고 요청해야 할까요?
M서버는 상관없고 사내망 와이파이 관리자에게 *.kakaopay.com 도메인 와이드로 풀어달라 해야합니다.
M네 근데 카카오페이라고 연동이 다르지않으니
타 카드결제가 잘 돌아가면 문제 없다 간주하고 실 서비스에 나중에 올려서 확인해도됩니다.
타 카드결제가 잘 돌아가면 문제 없다 간주하고 실 서비스에 나중에 올려서 확인해도됩니다.
라네 확인 감사합니다.
토❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.