테스트 위젯 생성후 개발진행과정에서 테스트위젯 사용시 CORS오류 발생관련
상점ID 발급받은 후 TOSS결제 페이지를 연동개발 진행중인 개발자 입니다.
연동 개발 진행 중 해당 상점ID로 결제UI를 신규로 생성, 테스트 영역에 testWidget이라는 이름으로 신규로 생성하였습니다.
그리고 소스상에 variantKey 값으로 renderPaymentMethod를 호출했더니
화면에는 결제UI를 통해서 설정한 화면이 표기됩니다.
하지만 신용카드 결제수단을 선택한 뒤에 결제요청을 하면, 첨부드린 이미지처럼 CORS 오류가 발생하는데,
혹시 관련해서 개발단계에서 테스트 가능한지 문의드립니다.
DEFAULT로 진행시에는 정상 테스트가 이루어 지고 있습니다.
< 환경정보 >
개발환경 ; React Next 기반 웹페이지 개발
개발테스트 : 개발자 PC환경에서 개발구현 중.
타 연동테스트로 인해 /etc/hosts에 127.0.0.1 test.domain.com 설정
브라우저에서 http://test.domain.com:3000 으로 테스트 진행 중
감사합니다.
17 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
variantKey DEFAULT 로 진행하면 모든 테스트가 문제 없이 진행 되는데,
다른 variantKey 로 진행 하면 문제가 발생한다, 라고 말씀 주신게 맞으실까요?
혹시 위젯이 렌더링되는 페이지의 http header 에 CORS 관련 설정을 하지는 않으셨나요?
맞습니다
DEFAULT는 문제가 없고 신규 생성한 위젯인 testWidget일 때만 문제가 있으시다는거죠?
사용하신 mid 확인 부탁드려요.
그리고 /etc/hosts에 127.0.0.1 test.domain.com 설정
이렇게 설정했을 때도 DEFAULT는 정상인가요?
Default일 경우에는 개발도메인서버에서도 문제 없습니다
동일한 코드 동일한 환경에서 DEFAULT 는 정상이고 새로만든 variantkey 에서는 CORS 가 발생하시는 건가요?
react webui이고 api호출이 아닌 widget 랜더링후에 라이브러리로 요청하는 부분인데 헤더셋팅이 어떤 말씀이실까요??
넵 맞습니다
사용하신 MID 알려주시겠어요?
lgescc 입니다
일단 CORS 에러는 아니네요.
넵 알겠습니다. 그럼 답변 기다리겠습니다. 제가 더 해야하거나 확인 필요하시면 답변 부탁드립니다
다시 해보시겠어요?
@개발자1 지금 어떠신지 다시한번 확인 부탁 드립니다.
아넵 잠시만요
테스트해보니 문제없이 됩니다
네 확인 감사합니다
테스트환경 라이브환경 싱크 도움 드렸습니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.