Cannot GET / 이슈 발생 원인은 무엇일까요?

Question

react-router를 사용하다보면 새로고침시 &#34;Cannot GET /&#34; 이슈를 마주하기 마련입니다.예를들어, www.test.com이라는 사이트에서 /question이라는 url로 라우팅하면 www.test.com/question으로 잘 이동해서 렌더링도 이루어지지만, 이 상태에서 새로고침을하면 서버에는 www.test.com/question에 대한 자원이 없기 때문에 &#34;Cannot GET /&#34;이 발생합니다.따라서 저는 서버에 존재하지 않는 URL에 대해서 GET 요청이오면 index.html 파일을 다시 내려줌으로써 해결했습니다.그런데 왜 index.html 파일을 내려주면 다시 라우터가 정상적으로 동작하는 것일까요?이유가 궁금합니다! 제 개인적인 생각으로는, www.test.com/question으로 라우팅을 했을 때, 서버로 해당 URL에 맞게 리퀘스트를 보내고, index.html 파일을 전달받습니다. 그러면 브라우저는 index.html파일을 파싱하기 시작하는데, 이 과정에서 리액트 라우터 모듈을 실행하게됩니다. 그러면 이 리액트 라우터 모듈은 현재 location을 확인하게 되며(www.test.com/question), /question이라는 path에 맞는 라우팅을 실행하기 때문일 것 같습니다. 정답은 무엇일지 궁금하네요...!

rezigrene · Answer

정상동작하는 페이지안에서 라우터를 통해 동작하는 링크를 눌렀을때는 서버로 직접요청을 보내지 않고 브라우저에 표시되는 주소값만 바꾸고 내부에서 스크립트를 통해 페이지를 생성해서 보여주지만,사용자가 주소창에 직접 Url을 입력하면 서버로 요청이 가는걸 막을 수 없어서 그렇습니다.보통 그경우에도 정상실행이 가능하도록 서버쪽에서 항상 index.html 을 내려주는 처리를 하게 됩니다.

Cannot GET / 이슈 발생 원인은 무엇일까요?

1개의 답변

Q&A 목록