안녕하세요 선생님!
react 프로젝트를 build해서 github에 올렸는데요,
일단 설정은
1. package.json에 hompage:"https://parksunghwa.github.io/react_shoestore/" -> 해당 프로젝트 리포지토리 주소입니다.
2. index.js 내부 <BrowserRouter >에 basement 추가 해서 <BrowserRouter basename={process.env.PUBLIC_URL}>로 변경
3. npm run build 후 해당 폴더내 파일들을 깃허브에 업로드
의 과정을 거쳐서 업로드를 하였습니다.
https://parksunghwa.github.io/react_shoestore/
이 때, react-router의 <Link to="경로"></Link> 태그를 이용해서는 이동이 잘 되는데, 를 통해서는 이동시 404 not found라고 출력됩니다.
또한, Link 태그를 통해서 이동을 해도 정상적으로 이동한 후 새로고침을 하면 404 not found라고 나옵니다.
(예 : <Link to="/detail"></Link>를 통해 https://parksunghwa.github.io/react_shoestore/detail로 이동은 정상적으로 작동을 하는데, 이동한 후 새로고침을 하면 404 not found가 나옴)
해당 두가지 문제
1. a 태그로 이동시 404 not found 발생
2. react-router의 Link 태그로 최초 이동시 정상 작동 후 새로고침시 404 not found 발생
은 왜 일어나고, 어떻게 해결해야 할까요? 감사합니다.