(netlify) 새로고침 시 Page Not Found 에러 해결

netlify 배포링크를 새로고침했을 때 자꾸 Page Not Found가 나오는 것을 볼 수 있었다.

원인

1) 기본적으로 Netlify에 등록한 페이지 접속하면 index.html과 연결되어 잘 작동된다.
2) 그러나 만약 url 파라미터를 붙여서, url/home 이렇게 접속하게 되면, url에 맞는 자원이 존재하지 않기 때문에 서버는 해당 요청에 해당하는 파일을 찾지 못하고 404를 보내게 된다.
3) react는 SPA 이기 때문이다. 개발 모드일 때는 CRA에 내장된 서버가 요청에 응답하도록 처리가 되어 있어서 에러가 나지 않지만,  build할 때는 별도로 처리를 해줘야한다.

 

해결방법

1.

• public 폴더 밑에 _redirects 파일을 생성

_redirects 

 /* /index.html 200

 

2.
- root 폴더에 netlify.toml 파일 생성

 netlify.toml

[[redirects]]
    from = "/*"
    to = "/index.html"
    status = 200

 /*  아무런 코드가 들어왔을 때 
200 상태코드를 내려주며, index.html 파일을 렌더링 하겠다는 의미이다.