개발 이모저모

Netlify Page Not Found 오류 해결

코딩의 세계 2024. 12. 6. 23:49

리액트 프로젝트를 진행하고, 백엔드를 연결하는 것까지는 오케이. 문제는 이걸 Netlify에 올렸는데, Page Not Found가 떠버린다. 이걸 해결하는 방법을 작성하고자 한다.

404 극혐..


방법은 쉽다.

public 폴더에 redirects 추가

public 폴더에 _redirects 라는 이름의 파일을 만들고 아래와 같은 내용을 작성해 주면 된다.

public/_redirects

/*  /index.html  200

즉, 리액트의 public에 _redirects 를 세팅하는 것이 정론이다.

https://doooodle932.tistory.com/160

 

[Netlify] 페이지 새로고침 시 Page Not Found 오류 해결

netlify로 올려놓았던 프로젝트에서 페이지 새로고침 시 Page Not Found가 뜨는 오류가 발생했다. public 폴더에 redirects 추가 public 폴더에 _redirects 라는 이름의 파일을 만들고 아래와 같은 내용을 작성

doooodle932.tistory.com

(참고한 글)

redirect 이 뭐임?

redirect이라는 기법을 이용해서 위의 Not Found를 해결한 건데, redirect가 뭘까? 궁금하면 다음 글을 참고하면 된다.

https://docs.tosspayments.com/resources/glossary/redirect

 

리다이렉트(Redirect) | 토스페이먼츠 개발자센터

리다이렉트(Redirect)는 사용자가 처음 요청한 URL이 아닌, 다른 URL로 보내는 것을 뜻해요. 예를 들어, 웹사이트 A의 주소로 접속한 사용자를 웹사이트 B로 이동시키는 것이죠.

docs.tosspayments.com


https://webstone.tistory.com/65

 

리다이렉트란(Redirect)

HTTP 리다이렉트(Redirect)란? 리다이렉트란 말 그대로 re(다시) + 지시하다(direct) 다시 지시하는 것을 말한다. 예를 들어 브라우저가 www.webstone.com/blogA URL을 웹 서버에 요청했다고 하자 그러면 서버는

webstone.tistory.com

핵심은 결국 "기존 URL이 아닌 다른 URL로 넘기는 것"인 것이다.