yamoo9
commented
1 year ago 문제 원인
새로 고침 할 때 React Router가 정상적으로 작동하지 않는 이유는 무엇입니까? 참고해 문제 원인을 파악할 수 있습니다. 😳
React Router는 클라이언트 환경에서 라우트 변경을 처리하고, 라우트가 변경될 때 서버에 요청하지 않습니다. 웹 브라우저 historyAPI를 사용해 클라이언트 측 URL을 변경하고 해당 라우트의 뷰를 렌더링 합니다. 이 문제는 홈 페이지 경로(
/)에 없는 경로에 대해 발생합니다.
예를 들어 클라이언트 측 라우트에 이동한 후, 새로 고침 하면 문제가 발생합니다.
문제 해결
public/index.html 파일에 base 요소 코드를 아래와 같이 삽입하면 해결됩니다. 😊
관련 이슈 답변 https://github.com/froala/angular-froala/issues/170#issuecomment-1349009398 을 참고하세요.
<base href="/" />결과는 아래 영상과 같습니다. 새로고침 해도 라우트는 정상적으로 유지되고 앱은 깨지지 않습니다. 😀
ssw6750
질문 작성자
서석원
문제 상황
세그먼트 라우팅 페이지가 새로고침시 에러가 발생합니다.. 해결방법을 모르겠습니다. 로더를 사용하지 않는 상태입니다 정확히는 새로고침, url창에서 주소를 입력해서 들어가면 에러가 나타납니다.
프로젝트 저장소 URL
해당 레포지토리 develop 브랜치
환경 정보