linux服务器如何部署react

948 ℃

react怎么在linux上部署?下面web建站小编给大家详细介绍一下!

web前端将react项目到linux服务器

项目的目录结构

```
├─dlls                          #dlls编译后的问题
├─doc                           #帮助文件入口
│
├─src
│ ├─apps                        #各个功能模块放在这里
│ │  ├─aftersale                #售后模块
│ │  │  └─contractmanage        #合同管理
│ │  │      └─component
│ │  ├─login
│ │  ├─sales
│ │  |   ├─housequery
│ │  |   └─reservation
│ |  ├─action.js                #主界面可发起动作
│ |  ├─index.js                 #主界面视图,已连接redux
│ |  └─reducer.js               #主界面动作处理器
│ ├─common                      #公共资源文件夹,包含功能样式图片等
│ │  └─img
│ │      ├─funButton
│ │      └─icons
│ ├─components                  #可复用视图组件,与具体业务无强关联
│ │  ├─Common
│ │  ├─Footer
│ │  ├─LeftPanel                #左侧菜单
│ │  ├─Loding
│ │  ├─NavPath                  #面包屑
│ │  ├─PanelBox
│ │  ├─RightPanel               #右侧主视图区
│ │  └─TabPanel
│ ├─constants                   #公用静态数据
│ |  └─LeftMenu                 #主菜单结构定义(新增模块时在这里增加菜单)
│ ├─entries                     #系统主入口文件
│ ├─reducers                    #系统动作处理器注册模块(增加新模块需配合在这里增加动作处理器)
│ ├─routes                      #系统路由动态生成模块(根据apps下的模块结构)
│ ├─store                       #系统全局状态存储器(一般不会修改)
│ │  └─middlewares
│ └─util                        #工具类包(xFetch后台请求工具等)
│
├─static                        #静态资源存放路径                      
```

一.编辑配置文件

修改该文件

 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 来查看帮助命令
*/

就这样,项目被部署到服务器上了

推荐一款专业的跨平台的音频处理软件——Audacity(免费开源)

推荐一款免费开源的跨平台MarkDown编辑器——Mark Text

如何在Linux中利用KVM配置和管理虚拟化技术?

Linux Shell关系运算符简单示例介绍

Vue.js与React主要区别在哪?(附示例)

标签: linux, react

上面是“linux服务器如何部署react”的全面内容,想了解更多关于 reactjs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2553.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

html标签div垂直居中的几种方法介绍
网站优化中合适的关键词密度控制是多少?
手把手教你做PPC竞价排名
js如何找当前元素的父节点并删掉
jQuery库中each函数的基本用法(对象和数组)