react如何在linux上部署

这篇文章主要介绍“react如何在linux上部署”，在日常操作中，相信很多人在react如何在linux上部署问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”react如何在linux上部署”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！ 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服务器项目的目录结构


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

一.编辑配置文件修改该文件


projectNameserverconfigenvironmentcommon.js

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

二.打包程序在项目根路径下


npmrunbuild
出现client

出现client
将client和server打包


tar-zcvfclient.tar.gzclient
tar-zcvfserver.tar.gzserver

三.上传和免费云主机域名启动将client.tar.gz，server.tar.gz，theme.js，package.json这四个文件拷贝至服务器上的项目文件夹下面进入项目目录，开启服务


cnpminstall
pm2startserver/app.js
/*
也可以使用pm2-h或pm2--help来查看帮助命令
*/

到此，关于“react如何在linux上部署”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！

相关推荐: 如何使用vue实现一个评星组件

这篇文章主要介绍了如何使用vue实现一个评星组件的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇如何使用vue实现一个评星组件文章都会有所收获，下面我们一起来看看吧。Star.vue：Header.vue：mixin.styl：关于…