api 호출하고 결제 취소시 무한 로딩에 빠지는 문제 질문합니다.
사진처럼 결제창을 띄우자마자 결제 취소를 하면 무한로딩하면서 url정보가 맞지 않다고 합니다....
무슨문제인지 궁금합니다! ㅠ
백엔드에서 설정한 failUrl 의 frontURL은 http://localhost:3000입니다!



15 Replies
failUrl 은 프론트에서 동작해야하는데요, http://localhost:3000 은 접속이 가능한 상태인지 확인해주시구요, 결제창을 여는 방법도 좀 이상해 보여서 확인해봐야 할거같습니다.
사용하시는 상점아이디가 있으실까요?
결제창을 checkoutURL 을 만들어서 띄우시는 건가요?
상점아이디는 테스트로 진행하고있습니다!
apiKey 노출된 스샷은 지워주세요
코어 API | 토스페이먼츠 개발자센터
토스페이먼츠 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.

이 API 를 쓰시는것 같은데요.
응답받아온 checkout의 URL을 직접 열어주는 방식을 채택하고있었습니다!
sdk대신 api로 결제창을 호출하고 계시네요
굳이 그렇게 사용하실 이유가 있으신가요?
결제창 JavaScript SDK | 토스페이먼츠 개발자센터
토스페이먼츠 결제창 JavaScript SDK 사용에 필요한 준비와 메서드 사용법, 결제 실패 및 에러 처리 방법을 알아봅니다.
엇... url정보를 가지고 다른 방법이 있을까여? ㅠ
이 가이드를 참고하셔서 JS 로 직접 결제창을 호출하시는 방법을 사용하시기 바랍니다.
한번해보겠습니당!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.