네트리파이로 배포를 시도를 했고 다른 페이지 경로로 이동할 때 404페이지가 뜨는 문제가 발생하였다.
해결하기 위한 방법은 아래와 같다.
1. 리액트 프로젝트의 public 디렉토리안에 _redirects 파일 생성 후 아래 내용 입력하면 문제가 해결 된다.
/* /index.html 200https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/
How to deploy React Apps in less than 30 Seconds
Everything you need to know to get React apps up and running on Netlify in 30 seconds.
www.netlify.com
*참고 문서*
2. .env 파일 안의 내용을 읽어올 수 없기 때문에 네트리 파이 사이트에서 환경 변수 설정을 한다.
'프로젝트 개발 일지 > 프리온보딩 선발과제' 카테고리의 다른 글
| 원티드 프리온보딩 프론트엔드 선발과제- 투두 목록 페이지 구현 (0) | 2023.02.10 |
|---|---|
| 원티드 프리온보딩 프론트엔드 선발과제- 로그인 구현 (0) | 2023.02.05 |
| 원티드 프리온보딩 프론트엔드 선발과제- 회원가입 구현 (0) | 2023.02.05 |
| 원티드 프리온보딩 프론트엔드 선발과제- 폴더 구조 설정 (2) | 2023.02.03 |