Linux에서 React를 배포하는 방법

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 서버의 프로젝트 폴더에 파일을 복사하세요

프로젝트 디렉터리에 들어가서 서비스를 시작하세요

tar -zcvf client.tar.gz client
tar -zcvf server.tar.gz server

이렇게 하면 프로젝트가 서버에 배포됩니다

추천 학습: "

반응 동영상 튜토리얼

"

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