Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- touch event
- hooks
- bucket
- dependabot
- dependencies
- package.json
- 클린코드
- react
- heroku
- createRoot
- qoddi
- .eslintrc
- fly.io
- naver api
- php
- GitHub
- multer-s3
- node.js
- gh-pages
- Github Pages
- CSS
- 배포
- AWS
- 반응형
- npm-check-updates
- s3
- react18
- Web Storage
- aws-sdk
- Next.js
Archives
- Today
- Total
목록404 (1)
Ann's log
[React] Github Pages로 배포하고 새로고침시 404 에러 해결
😱 문제 GitHub Pages로 배포한 React 페이지에서 새로고침을 하면 404 에러가 뜬다는 것을 발견했다. Homepage에서는 새로고침해도 아무런 문제가 없는데, 서브 디렉토리로 이동하고 새로고침을 하면 문제가 발생한다.. 이유를 찾아보니 깃허브 페이지는 SPA(Single Page Applications)를 인식하지 못하는 문제가 있다고 한다! SPA는 일반적으로 웹 브라우저에서 액세스 할 수 있는 하나의 index.html 파일만 사용하기 때문에, Github Pages로 배포를 하게 되면 homepage url 하나만 인식하게 된다. 그래서 hompage url 뒤에 경로가 더 붙으면 그 경로에서 해당 페이지의 파일을 찾으려 하기 때문에 에러가 발생하게 된다. 😄 해결 방법 구글에 검색해..
React
2022. 5. 30. 17:57