Linux에서 반응을 배포하는 방법: 1. 구성 파일을 엽니다. 2. "tar -zcvf client.tar.gz client" 명령을 통해 클라이언트와 서버를 패키징합니다. 3. "client.tar.gz", " server .tar.gz", "theme.js", "package.json" 파일이 서버의 프로젝트 폴더에 복사됩니다. 4. 서비스를 시작합니다.
이 튜토리얼의 운영 환경: linux7.3 시스템, React18.0.0 버전, Dell G3 컴퓨터.
리눅스에서 React를 어떻게 배포하나요?
웹 프론트엔드 리액트 프로젝트를 리눅스 서버에 배포
프로젝트의 디렉터리 구조
1 ``` 2 ├─dlls #dlls编译后的问题 3 ├─doc #帮助文件入口 4 │ 5 ├─src 6 │ ├─apps #各个功能模块放在这里 7 │ │ ├─aftersale #售后模块 8 │ │ │ └─contractmanage #合同管理 9 │ │ │ └─component 10 │ │ ├─login 11 │ │ ├─sales 12 │ │ | ├─housequery 13 │ │ | └─reservation 14 │ | ├─action.js #主界面可发起动作 15 │ | ├─index.js #主界面视图,已连接redux 16 │ | └─reducer.js #主界面动作处理器 17 │ ├─common #公共资源文件夹,包含功能样式图片等 18 │ │ └─img 19 │ │ ├─funButton 20 │ │ └─icons 21 │ ├─components #可复用视图组件,与具体业务无强关联 22 │ │ ├─Common 23 │ │ ├─Footer 24 │ │ ├─LeftPanel #左侧菜单 25 │ │ ├─Loding 26 │ │ ├─NavPath #面包屑 27 │ │ ├─PanelBox 28 │ │ ├─RightPanel #右侧主视图区 29 │ │ └─TabPanel 30 │ ├─constants #公用静态数据 31 │ | └─LeftMenu #主菜单结构定义(新增模块时在这里增加菜单) 32 │ ├─entries #系统主入口文件 33 │ ├─reducers #系统动作处理器注册模块(增加新模块需配合在这里增加动作处理器) 34 │ ├─routes #系统路由动态生成模块(根据apps下的模块结构) 35 │ ├─store #系统全局状态存储器(一般不会修改) 36 │ │ └─middlewares 37 │ └─util #工具类包(xFetch后台请求工具等) 38 │ 39 ├─static #静态资源存放路径 40 ```
1. 구성 파일 편집
파일 수정
projectName\server\config\environment\common.js process.env.NODE_ENV = 'development' SERVER_IP: process.env.IP || '服务器ip' SERVER_PORT: process.env.PORT || 8001, //8001, 9092
2. 패키지 프로젝트의
프로그램이 루트 경로
npm run build
아래에 나타납니다. .js, package.json 서버의 프로젝트 폴더에 파일을 복사하세요
프로젝트 디렉터리에 들어가서 서비스를 시작하세요
이렇게 하면 프로젝트가 서버에 배포됩니다 추천 학습: " " 위 내용은 Linux에서 React를 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!tar -zcvf client.tar.gz client
tar -zcvf server.tar.gz server