React部署到linux服务器怎样操作

今天我们来学习关于“React部署到linux服务器怎样做”的内容，下文有详解方法和实例，内容详细，逻辑清晰，有需要的朋友可以参考，希望大家阅读完这篇文章后能有所收获，那么下面就一起来了解一下吧。

react怎么在linux上部署？

部署web前端的react项目到linux服务器

项目的目录结构

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

登录后复制一.编辑配置文件

修改该文件

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

登录后复制

出现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 来查看帮助命令

*/

登录后复制就这样，项目被部署到服务器上了。

（编辑：银川站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!