Nginx Spa 설정을 위한 try_files

Nginx를 이용해 React서버를 배포 하였다.
React Router를 이용해 url이 변경 된후 브라우저를 새로 고침 하게 되면
404 Not Found가 발생!

Nginx에 (/etc/nginx/sites-available/default) try_files 설정을 추가하여 정적 파일이 없는 url일 경우 index.html을 리턴 하도록 설정해 해결 하였다.

index index.html index.htm index.nginx-debian.html;
try_files $uri $uri/ /index.html;

server_name _;

# graphql의 경우 backend로 요청
location ~* (/graphql) {
	proxy_pass http://localhost:8080;
	proxy_set_header X-Real-IP $remote_addr;
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	proxy_set_header Host $http_host;
}

Nginx try_files doc