클라이언트 사이드 렌더링 구조로 코딩 후 배포 시 클라이언트백엔드 데이터는 어떻게?

Question

리액트, node.js, mysql로 간단한 팬카페 만들어서 배포해봤습니다.node.js의 index.js파일에app.use(express.static(path.join(__dirname, '../client/build')));app.get('/', (req, res) &#61;> {res.sendFile(path.join(__dirname, '../client/build/index.html'));});코드로 클라이언트 사이드 렌더링 구조로 작업했습니다.node.js와 mysql사이에는 cloudtype로 myslq먼저 배포하고, 나오는 도메인 주소를 node.js파일에 적어서 로컬로만 동작했던 코드를 바꿨습니다.node.js포트번호는 8000, 리액트 포트번호는 3000입니다.프론트(리액트)에서 게시판에서 글을 적으면 데이터를 localhost:8000에서 존재하는 api주소로(localhost:8000/write)로 데이터를 보내고, 백단(node.js)에서 mysql로 보내 저장했습니다.이 때 궁금한 게 있습니다.이 상태로 배포하면 백단(node.js)->mysql은 mysql 도메인주소를 입력했기 때문에 로컬환경이 아닌 환경에서도 잘 작동하나,프론트(리액트)<->백단(node.js)에서 데이터를 이동할 때는 localhost주소를 입력했기 때문에 로컬환경에서만 작동합니다.어떻게 해결해야하나요? 검색단어라도 알려주시면 감사드리겠습니다.. https://github.com/bhh9860/Fubao 해당 프로젝트 깃입니다 !

nubie · Answer

localhost 대신에 ip나 도메인을 적어주셔야 됩니다 포트 다르면 CORS 도 적용해주셔야 돼요

클라이언트 사이드 렌더링 구조로 코딩 후 배포 시 클라이언트<->백엔드 데이터는 어떻게?

1개의 답변

Q&A 목록