Comment déployer React sur Linux-js tutoriel-php.cn

Comment déployer React sur Linux

藏色散人

Libérer： 2022-10-25 17:36:15

original

2515 Les gens l'ont consulté

Comment déployer React sous Linux : 1. Ouvrez le fichier de configuration ; 2. Packagez le client et le serveur via la commande "tar -zcvf client.tar.gz client" ; 3. Packez "client.tar.gz", " Les fichiers .tar.gz", "theme.js" et "package.json" du serveur sont copiés dans le dossier du projet sur le serveur ; 4. Démarrez le service.

Comment déployer React sur Linux

L'environnement d'exploitation de ce tutoriel : système Linux7.3, version React18.0.0, ordinateur Dell G3.

Comment déployer React sous Linux ?

Déployer le projet web front-end React sur le serveur Linux

La structure des répertoires du projet

 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 ```

Copier après la connexion

1. Modifier le fichier de configuration

Modifier le fichier

 projectName\server\config\environment\common.js

process.env.NODE_ENV = &#39;development&#39;
SERVER_IP: process.env.IP || &#39;服务器ip&#39;
SERVER_PORT: process.env.PORT || 8001, //8001, 9092

Copier après la connexion

2. Package le programme

dans le projet Sous le chemin racine

npm run build

Copier après la connexion

apparaît client

Emballez le client et le serveur

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

Copier après la connexion

3. Téléchargez et démarrez

Pack client.tar.gz, server.tar.gz, theme .js, package.json Copiez le fichier dans le dossier du projet sur le serveur

Entrez le répertoire du projet et démarrez le service

cnpm install
pm2 start server/app.js
/*
也可以使用pm2 -h 或 pm2 --help 来查看帮助命令
*/

Copier après la connexion

De cette façon, le projet est déployé sur le serveur

Apprentissage recommandé : " tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!