REACT의 SPA 파일 경로 찾기 에러

웹 기본 포트 정보

http 기본 포트80

https 기본포트 443

nginx 서버 배포 코드

ssl 인증 코드

http로 요청오면 https로 리다이렉트 해주는 부분

 

 

 

리액트에서 SPA로 만들고 React-Router-Dom을 이용해서 동적데이터들을 라우팅 처리를 해주면 새로고침을 할 때 페이지를 못찾는 경우가 있다. 이 부분에 대한 경로를 못찾았을때 404 부분은

이렇게 처리해주어 해결했는데 500에러를 해결하지 못했다. 이는 location /{} 으로 들어가지 못해서 인데 이를 해결하기 위해서 이 코드를

아래처럼 바꾸어서

NGINX에서 default_server를 찾아가도록 해주니까 해결이 되었다.

참고 사이트: https://velog.io/@pinot/nginx-%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C%EB%94%A9%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90