따봉도관절의 개발일지

menu-opener icon
  • 홈
  • 태그
  • 방명록
React Build 파일 서버 배포 시 js,css 경로 오류로 인한 404 에러 포스팅 썸네일 이미지

FrontEnd/React

React Build 파일 서버 배포 시 js,css 경로 오류로 인한 404 에러

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

2022.09.27 게시됨

1

최근글

인기글

태그 클라우드

  • Git
  • Linux
  • Setter Inject
  • 통화 시간 구하기
  • tomcat
  • cors filter
  • gradle
  • TLS
  • 로그 파일
  • apache
  • spring
  • SSL
  • letsencrypt
  • HTTPS
  • 오류 추적
  • Java
  • user.name
  • user.emaill
  • error
  • custom log
Copyright . 베이스캠프 all rights reserved.
Designed by 베이스캠프
닫기 아이콘
사이드 프로필 배경이미지
블로그 이미지

따봉도관절

따봉도치가 버그 해결에 행운을 가져다줄 거야. 따봉도치야 고마워

  • 분류 전체보기 (17)
    • BackEnd (6)
      • Spring (5)
      • Java (1)
    • FrontEnd (1)
      • JavaScript (0)
      • React (1)
    • Server (0)
      • Linux (1)
      • Docker (1)
    • Tomcat (2)
    • Network (3)
    • DataBase (0)
      • MySQL (1)
    • Git (2)
    • PHP (0)
    • 기타 (0)

전체

오늘

어제

Designed by 베이스캠프

티스토리툴바