백엔드 프론트엔드 하나의 서버에서 배포하기

react는 단순하게 빌드한 후에, 빌드한 파일이 nginx가 기본적으로 제공하고 있는 index의 위치에 들어가게끔 했다.

아래와 같이 설정했다.

server {
	server_name  [호스트주소];
        root     /usr/share/nginx; # nginx가 기본으로 제공하는 index의 주소 이곳에 정적파일을 모두 집어넣는다. asset폴더까지

       	# Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
            root /usr/share/nginx;
            index index.html;
            try_files $uri $uri/ /index.html;
        }

nginx로 무중단 배포를 하기 위해서 8081에서 실행되고 있는 스프링 서버로 요청이 가게 하기 위해

아래와 같이 설정을 했다.

	listen   8080;
  server_name 호스트 주소
	
	location / {
		 proxy_pass https://localhost:8081;
}

k그랬더니 오류와 함께 접근이 되지 않았다 err_ssl_protocol_error라는 에러였는데, 요청 주소가 잘못되거나 nginx설정이 잘못되었을 때 뜨는 에러였다.

이후 원인을 분석해보니, spring boot에 적용된 ssl의 허용 주소가 [호스트 주소] 로 되어있는데, 인증서와 다른 요청주소(localhost)로 요청이 와서 잘못된 요청이라고 뜨는 것이었다.

실제로 postman으로 동작시켜보면 요청을 보내고 받는건 가능한데 err_ssl_protocol_error가 뜨고있었다.

지금 다시 생각해보니 8081 port도 열고, 8082포트도 연 다음 localhost의 부분을 내가 가진 호스트 주소로 변경해야했다.

그래야 spring으로 제공하는 dns주소도 [호스트 주소] 가 되고, 프론트에서도 접근이 가능할 것이다.

별게 아닌건데 왜 이걸 생각못했지

암튼 생각해냈으면 됐지 뭐

적용해봐야겠다.

Uploaded by N2T