⚠️ github page 404 error

들어가며!

vue로 만든 페이지를 github page로 배포
다른 페이지로 이동시 갑자기 404 에러가 떴다 🥲 (왜 또 갑자기?!)

---

발생원인

폭풍 구글링해보니 github page는 SPA를 지원안한다고...ㅜㅜ

갑자기 안된 이유는,
/#/ 해쉬태그가 보기 싫어서 라우터 모드를 history로 바꾼게 원흉이었다.
(업데이트 시간 전에 확인 했었는지 그땐 문제 없었지뭐람)

🔨 해결방법

다시 해시모드로 BACK!하는게 젤 간단명료 했다.
일단 포트폴리오 목적의 사이트기도 했으니, ㅎ_ㅎ

다른 방법으로 해결하고싶다면! 아래 사이트 참고 plz👇

ex.
dist한 index.html를 복사해 404.html페이지로 둔갑
|| index.html를 리다이렉트하기...
|| BrowserRouter 에 basename 지정

참고 사이트:

• https://www.inflearn.com/questions/842189/%EC%83%88%EB%A1%9C%EA%B3%A0%EC%B9%A8%EC%8B%9C-404-%EB%AC%B8%EC%A0%9C
• https://github.com/rafgraph/spa-github-pages