
FrontEnd/React
React Build 파일 서버 배포 시 js,css 경로 오류로 인한 404 에러
리액트 프로젝트 빌드된 파일들을 front라는 폴더 생성 후 넣어주었고, 서버에 올라가 있는 도커(톰캣) 컨테이너에 배포 테스트를 하던 와중 js 및 css 파일을 불러오는 경로가 해당 프로젝트 기준으로 잡혀있지 않고 서버로 잡혀있어 읽어오지 못하는 에러가 발생하였습니다. httpd.conf에서 해당 Tomcat 포트 and 프로젝트명으로 ProxyPass 설정을 해 줄 수도 있었지만 웹서버를 재 시작해야 했기에 다른 방법을 찾아보다 간단한 해결법을 찾게 되어 공유드리려고 합니다. 원인 해결 React 프로젝트의 package.json에 아래 설정 추가 "homepage": "." 해당 설정 추가 후 빌드 및 배포하시면 js 및 css 파일들 프로젝트 디렉터리 경로 포함하여 정상적으로 불러오게 됩니다.