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