So stellen Sie React unter Linux bereit

So stellen Sie React unter Linux bereit: 1. Öffnen Sie die Konfigurationsdatei. 2. Packen Sie den Client und den Server mit dem Befehl „tar -zcvf client.tar.gz client“. 3. Packen Sie „client.tar.gz“. Die Dateien „.tar.gz“, „theme.js“ und „package.json“ des Servers werden in den Projektordner auf dem Server kopiert. 4. Starten Sie den Dienst.

Die Betriebsumgebung dieses Tutorials: Linux7.3-System, React18.0.0-Version, Dell G3-Computer.

Wie wird React unter Linux bereitgestellt?

Stellen Sie das Web-Front-End-Reaktionsprojekt auf dem Linux-Server bereit.

Die Verzeichnisstruktur des Projekts.

 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. Bearbeiten Sie die Konfigurationsdatei 2. Paket das Programm

im Projekt Unter dem Root-Pfad

 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

erscheint Client

Packen Sie den Client und den Server

npm run build

3. Hochladen und starten

Packen Sie client.tar.gz, server.tar.gz, Theme .js, package.json Kopieren Sie die Datei in den Projektordner auf dem Server

Geben Sie das Projektverzeichnis ein und starten Sie den Dienst

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

Auf diese Weise wird das Projekt auf dem Server bereitgestellt

Empfohlenes Lernen: „

Video-Tutorial reagieren

"

Das obige ist der detaillierte Inhalt vonSo stellen Sie React unter Linux bereit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!