리액트 nginx 배포오류 제발 살려주세요

Question

리액트로 프론트를 구성하고 백은 스프링부트로 만드는 팀플젝을 진행중입니다.web RTC기술을 janus서버도 제공받아서 webRTC에 대해 자세히는 모르지만 화상채팅도 구현을 해서 로컬에서는 제대로 정상작동합니다.그래서 이 리액트 프로젝트를 빌드후 aws cloudfront에 배포를 했을때도 정상작동 하는것을 확인했습니다. 근데 문제는 이 똑같은 플젝을 ec2에 docker와 nginx를 설치해서 nginx를 이용해서 배포하려하는데 계속오류가 발생합니다. 아래 사진은 해당 오류입니다. 로컬환경과 cloudfront,s3를 이용해서 배포한 환경에서는 문제가 없는데 nginx와 docker로 배포하려고 할때만 이런 오류가 뜨는데 public폴더내의 js파일을 참조하는데에서 오류가 발생한것 같은데 도저히 모르겠습니다...배포의 문제는 아닌것 같습니다.디렉토리 구조는 이렇게 되어있고 public폴더에 자바스크립트 파일을 index.html에 바로 삽입해서 사용하고있습니다.이 js참조에서 문제가 생기는 것 같은데 그렇다면 왜 cloudfront로 배포했을때는 정상작동하는지 잘 모르겠습니다...고수분들 한번만 도와주십쇼..이게 index.html의 body에 스크립트를 넣은 부분입니다.

Henry-77 · Answer

그냥 한 번 상상해보자면, json은 { 로 시작하고, html은 <로 시작하죠. html을 기대한게 아닌 상황에서 html응답이 왔을 수도 있지 않을까.. 예를 들어 에러 페이지가 떴다던지 .

리액트 nginx 배포오류 제발 살려주세요

1개의 답변

기술 목록