web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

linux服务器如何部署react

552 ℃
     

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://ipkd.cn/webs_2553.html

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

当前位置: 网站首页 > reactjs
本文共计1171个字,预计阅读时长8分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费开源的屏幕录制软件——OBS Studio
下一篇: 推荐一个高质量的图片素材网站——Unsplash
x 打工人ai神器