這篇文章主要介紹“react如何在linux上部署”，在日常操作中，相信很多人在react如何在linux上部署問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”react如何在linux上部署”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網(wǎng)站建設、網(wǎng)站重做改版、睢縣網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5開發(fā)、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設、外貿(mào)營銷網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為睢縣等各大城市提供網(wǎng)站開發(fā)制作服務。

react在linux上部署的方法：1、打開配置文件；2、通過“tar -zcvf client.tar.gz client”命令將client和server打包；3、將“client.tar.gz”，“server.tar.gz”，“theme.js”及“package.json”文件拷貝至服務器上的項目文件夾下；4、開啟服務即可。

react怎么在linux上部署？

部署web前端的react項目到linux服務器

項目的目錄結(jié)構(gòu)

 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                #主界面可發(fā)起動作
15 │ |  ├─index.js                 #主界面視圖，已連接redux
16 │ |  └─reducer.js               #主界面動作處理器
17 │ ├─common                      #公共資源文件夾，包含功能樣式圖片等
18 │ │  └─img
19 │ │      ├─funButton
20 │ │      └─icons
21 │ ├─components                  #可復用視圖組件，與具體業(yè)務無強關(guān)聯(lián)
22 │ │  ├─Common
23 │ │  ├─Footer
24 │ │  ├─LeftPanel                #左側(cè)菜單
25 │ │  ├─Loding
26 │ │  ├─NavPath                  #面包屑
27 │ │  ├─PanelBox
28 │ │  ├─RightPanel               #右側(cè)主視圖區(qū)
29 │ │  └─TabPanel
30 │ ├─constants                   #公用靜態(tài)數(shù)據(jù)
31 │ |  └─LeftMenu                 #主菜單結(jié)構(gòu)定義(新增模塊時在這里增加菜單)
32 │ ├─entries                     #系統(tǒng)主入口文件
33 │ ├─reducers                    #系統(tǒng)動作處理器注冊模塊(增加新模塊需配合在這里增加動作處理器)
34 │ ├─routes                      #系統(tǒng)路由動態(tài)生成模塊(根據(jù)apps下的模塊結(jié)構(gòu))
35 │ ├─store                       #系統(tǒng)全局狀態(tài)存儲器(一般不會修改)
36 │ │  └─middlewares
37 │ └─util                        #工具類包(xFetch后臺請求工具等)
38 │
39 ├─static                        #靜態(tài)資源存放路徑                      
40 ```

一.編輯配置文件

修改該文件

 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

二.打包程序

在項目根路徑下

npm run build

出現(xiàn)client

將client和server打包

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

三.上傳和啟動

將client.tar.gz，server.tar.gz，theme.js，package.json這四個文件拷貝至服務器上的項目文件夾下面

進入項目目錄，開啟服務

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

到此，關(guān)于“react如何在linux上部署”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
當前文章：react如何在linux上部署
瀏覽地址：http://weahome.cn/article/ijhsdd.html