배포 된 웹 사이트의 페이지를 다시로드하면 404가 없으며 localhost는 작동합니다.

Question

나는 hostgator.com에 React Redux 사이트를 배포했습니다. 그것은 페이지를 방문하고 평소와 같이 탐색하는 동안 작동합니다. (React routing works), 페이지를 새로 고침 할 때마다 404가 발견되지 않습니다.

대화에 20 초를 남기 전에 https에서 실행을 시도하는 사이트와 관련이있을 수 있으며 SSL이 구현되지 않았다고 제안했습니다.

내가 궁금한데 왜 로컬에서 작동하며 월드 와이드 웹에서 작동하지 않습니까? 이견있는 사람?

감사합니다.

Answer 1

Server Side Rendering 솔루션을 조사해야합니다. React로 그렇게하는 좋은 프레임 워크는 Next.js입니다.

기본적으로 페이지를 새로 고치지 않으면 React-Router는 History API을 통해 검색 주소창 및 기록 모음을 제어합니다. 그러나 새로 고침을 클릭하면 주소 표시 줄에있는 내용을 서버에 요청합니다. 하지만 서버가 라우팅을 처리하지 않고 React-Router가 클라이언트 측에 있습니다. 또한 서버 측 렌더링없이 주소 표시 줄에 하위 경로를 직접 입력 할 수 없습니다.