지연
지연3y ago

브랜드페이 연동 중 Redirect 오류

안녕하세요! 공부 중에 있는 학생입니다. 브랜드페이 서비스 테스트 중으로 vue.js 와 spring 연동하여 진행 중이며 front 의 localhost:3000에서는 개발 서버에 accesstoken 발급을 요청하여 개발 서버에서 토스로 요청하여 accesstoken 발급을 잘 하였는데, netlify로 배포 후에는 redirect 요청이 안 받아집니다. 혹시 설정 문제일까요? 또 궁금한 것은, localhost 로 test 시에 첨부드린 front 코드에서 보이듯이 따로 서버로 post를 보내지 않아도, redirect됨과 동시에 개발 서버로 요청이 가는데 이것은 왜 되는지도 잘 모르겠습니다. (redirect url 은 localhost:3000/payment/callback-auth 인 front 주소로 등록하였습니다.)
No description
No description
No description
No description
5 Replies
Ayaan이안
Ayaan이안3y ago
Netlify로 배포하시게 되면 redirect 요청이 안받아 지는게 맞습니다. 프론트단은 Vue라고 하셨는데 그러면 JS가 로드되어야 하는데 개발자 도구단에서 확인하시면 JS가 로드가 안되어 오류가 발생하는 것으로 보입니다.
지연
지연OP3y ago
넵! 감사합니다.ㅠㅠ 그럼 netlify가 아닌 다른 방법으로 배포를 하거나, vue에서 js 파일이 로드 되도록 하는 법을 찾아보면 될까요?
Ayaan이안
Ayaan이안3y ago
아니요 Devtools에서는 크롬 정책으로 원래 js파일이 정상로드 되지 않습니다. 정확하게는 localhost에서 특정 조건에 만족할때만 로드됩니다. 따라서 redirect url을 백엔드 단으로 설정 한 뒤, 백엔드 단에서 자체적으로 모두 처리한 뒤 프론트로 다시 redirect하는 방식을 사용해야 하실 수 도 있습니다. 현재로서는 Devtools말고 직접 브라우저 메인 창이 redirect되게 설정하신 뒤 테스트 해주시구요, 그래도 계속 작동하지 않는 다 하면 이 방식대로 진행해 주세요.
지연
지연OP3y ago
넵!! 감사합니다ㅠㅠㅠㅠ
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

Did you find this page helpful?