오류 상황
Netlify 배포 후 Page Not Found라는 창이 뜨고 웹사이트가 실행되지 않는 오류
바닐라JS
해결
나의 경우 바닐라 자바스크립트를 이용해 웹페이지 구축 중이었는데, index.html을 다른 이름으로 변경해버려서 문제가 생겼다.
index.html을 다시 생성해 주었더니 문제가 해결되었다.
netlify의 url로 들어가면 가장 먼저 index.html 파일을 띄워주기 때문에, index.html파일이 반드시 있어야 한다.
React Router
아래 두 가지 방법 중 편한 방법을 선택하면 된다. 이후 프로젝트를 저장하고 재배포하면 오류가 사라질 것이다.
해결1
리액트 프로젝트의 public 폴더에 _redirects 파일을 생성한 뒤 파일 내에 다음 내용을 입력
/* /index.html 200
해결2
리액트의 최상위 폴더에 netlify.toml 파일을 생성한 뒤 파일 내에 다음 내용을 입력
[[redirects]]
from = "/*"
to = "/index.html"
status = 200
참고
Page Not Found Error on Netlify Reactjs React Router solved
So you made a Single Page Application and It’s working great on localhost npm or yarn server. And now...
dev.to
210918 개발기록: netlify - 새로고침 에러
📌 React - Netlify, Redirection 에러 리액트 서버를 netlify 를 통해 정상 배포했다. 이 때 새로고침을 하면 아래와 같은 에러메시지가 나타난다. page not found 는 404 에러로, 현재 url 에서 찾고자 하는 자
junior-datalist.tistory.com
https://www.youtube.com/watch?v=Ff6LBcYSlRk&ab_channel=RajeshBhattarai