这篇文章主要介绍“react如何在linux上部署”,在日常操作中,相信很多人在react如何在linux上部署问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”react如何在linux上部署”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联公司专注于企业营销型网站建设、网站重做改版、睢县网站定制设计、自适应品牌网站建设、H5开发、成都商城网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为睢县等各大城市提供网站开发制作服务。
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 ```
一.编辑配置文件
修改该文件
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
二.打包程序
在项目根路径下
出现clientnpm run build
将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 来查看帮助命令
*/
到此,关于“react如何在linux上部署”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!