새로고침시 페이지가 뜨지 않음

[jhj9109]

재현 방법

평범한 도서 화면인 https://42library.kr/info/941 류의 화면에서 새로고침시 화면 렌더링이 되지 않습니다.

https://42library.kr/info/941 에서 새로고침시 화면 렌더링 되지 않음

https://42library.kr/info/941 렌더링 되지 않음

발생 위치

No response

추가 정보

동작되지 않는 이유를 js가 text/html 타입이라고 크롬이 친절히 알려준다.

js 파일 경로가 다르다!

파일 경로에 따라 파일을 못 찾아 nginx에서 index.html 내용을 반환

location / 블록에서 파일을 못 찾고 => /index.html을 응답하게 됨. => 올바른 동작은 아니므로, 이에 대한 수정은 필요

index.html의 src경로가 상대경로로 되어있고, 이에따라 path에 따라 src경로가 달라지고, 이에따라 파일을 못 찾는 경우 발생

Vite의 base 옵션 관련 문제로 판단.

• 빌드시 생성된 index.html에 포함된 에셋의 경로는 base값으로 시작 (디폴트값: '/')
• 프론트엔드쪽 이슈에서 base 옵션을 './'로 바꿔달라는 요청이 있었는데, 이것이 적용되며 생긴 문제로 추측
• base옵션을 바꾸거나, 이에 맞게 데이터의 폴더 구조를 맞춰서 바꾸거나, nginx에 적절한 옵션 부여 필요
• 가장 쉬운건 디폴트값 사용

[jhj9109]

누군가 고쳤다.

[jhj9109]

vite쪽에서 base 에서 상대경로 설정시 (기본값: /) build시 생기는 index.html에서 에셋 경로가 /로 시작하는 절대경로에서 ./로 시작하는 상대경로로 바뀌고 이로 인한 문제인거 같군요.
현재는 고쳐져있는거 같습니다.

[jhj9109]

프론트엔드 문제로 보아 닫습니다