>웹 프론트엔드 >JS 튜토리얼 >Tomcat에 React 프로젝트를 배포하는 방법

Tomcat에 React 프로젝트를 배포하는 방법

藏色散人
藏色散人원래의
2020-12-15 09:23:424310검색

Tomcat에서 반응 프로젝트를 배포하는 방법: 먼저 "npm run build"를 사용하여 프로젝트를 패키징한 다음 패키지된 폴더의 내용을 tomcat의 webapps 아래 루트에 넣고 마지막으로 "localhost:8080에 액세스합니다. " 포트. 캔.

Tomcat에 React 프로젝트를 배포하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, tomcat10.0&&react17.0.1 버전, Dell G3 컴퓨터.

추천: "react video tutorial"

Tomcat에 React 프로젝트 배포

배포 방법:

  • npm run build를 사용하여 프로젝트 패키징

  • 패키지된 폴더의 내용을 tomcat webapps에 넣습니다.

  • 아래의 루트는 서버를 열고 프로젝트 콘텐츠를 보려면 localhost:8080 포트에 액세스합니다.

루트 디렉터리에 배치하지 않는 함정:

기본 path.js [경로: 귀하의 반응 node_modulesreact-scriptsconfigpath.js 프로젝트 이름의 구성은 루트 디렉토리에 유효한 '/'이므로 루트 아래에 배치되지 않은 경우 '/'를 './'로 변경해야합니다. 상대 경로가 유효함을 의미합니다. (수정된 코드는 45번째 줄 정도입니다)

Tomcat에 React 프로젝트를 배포하는 방법

이때 localhost:8080/프로젝트명

을 통해 React 프로젝트에 접근할 수 있습니다.

위 내용은 Tomcat에 React 프로젝트를 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.