인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

mhr님의 프로필 이미지
mhr

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

폴더 구조와 리액트 라우터

실제 배포시에는 webpack dev server의 historyApiFallback 설정 같은 건 어떻게 하나요?

작성

·

768

0

제로초님 안녕하세요. 

강의 중에 webpack dev server에서 historyApiFallback 설정을 통해서 리액트 앱에서 새로고침을 했을 때 react router에 의해서 부여된 url로 바로 접근하더라도 프론트엔드에서 바로 처리하게끔 할 수 있다는 식으로 이해했는데요. 혹시 실제로 배포시에는 어떤 식으로 처리할 수 있나요? 서버단에서 index.html 외에 다른 html 파일을 보내주도록 하는 것도 방법일 것 같은데 별로 좋지 않은 방법 같다는 생각이 들었고요. 리액트단에서 할 수 있는 일이 있을 것 같은데 어떻게 하면 될지 감이 잘 오지 않네요. 코드 없이 여쭤보는 질문이다보니 혹시 어떤 식으로 가능할지 대략적으로 큰 그림만 좀 알려주실 수 있을까요? 좋은 강의 감사합니다. 

답변 1

2

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

서버단에서 프론트 url에 접근할 때 모두 index.html를 보내주게 설정하면, 프론트단 react-router에서 알아서 그 페이지로 이동합니다.

mhr님의 프로필 이미지
mhr

작성한 질문수

질문하기