본문 바로가기
개발 이모저모

Netlify Page Not Found 오류 해결

by 코딩의 세계 2024. 12. 6.

리액트 프로젝트를 진행하고, 백엔드를 연결하는 것까지는 오케이. 문제는 이걸 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로 넘기는 것"인 것이다.

 

'개발 이모저모' 카테고리의 다른 글

파파고 음성을 mp3로 바꾸기  (1) 2025.01.08
브라우저의 작동 원리  (2) 2024.12.27
FE - BE , UI/UX Designer 협업  (2) 2024.11.13
코딩실력보다 더 중요한 것.  (1) 2024.10.14
2의 보수란? (비트 연산)  (0) 2024.10.12