nginx react 배포시 404오류

조승빈·2024년 7월 30일

CI / CD

목록 보기
5/8

문제상황

aws에서 배포한 웹페이지에서 ip만 입력하면 index.html로 잘 이동하는데,
새로고침을 누르거나 /nearby처럼 경로를 입력하면 404에러가 뜨는 오류

해결책

AWS에서 배포한 웹페이지에서 새로고침 시 404 오류가 발생하는 문제는 주로 SPA(Single Page Application) 라우팅과 관련된 문제이다.
SPA에서는 모든 라우팅이 클라이언트 측에서 처리되기 때문에, 서버가 경로를 모르면 404 오류를 반환하게 된다.
이 문제를 해결하려면 Nginx 설정에서 모든 요청을 index.html로 리다이렉트하여 클라이언트 측 라우터가 요청을 처리할 수 있도록 해야 한다.

nginx default.conf 파일 수정 과정

etc/nginx/conf.d/default.conf에 있는 파일을 수정하여 모든 요청을 index.html로 리다이렉트하도록 하면 된다.

수정 후
nginx -s reload를 통해 파일을 적용한다.

profile
평범

0개의 댓글