广告
返回顶部
首页 > 资讯 > 操作系统 >react怎么在linux上部署
  • 301
分享到

react怎么在linux上部署

linuxReact 2022-11-22 23:11:00 301人浏览 八月长安
摘要

本教程操作环境:linux7.3系统、React18.0.0版、Dell G3电脑。react怎么在linux上部署?部署web前端的react项目到linux服务器项目的目录结构 1 ``` 2 ├─dlls

教程操作环境:linux7.3系统、React18.0.0版、Dell G3电脑。

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

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

以上就是react怎么在linux上部署的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: react怎么在linux上部署

本文链接: https://www.lsjlt.com/news/173402.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • react怎么在linux上部署
    本教程操作环境:linux7.3系统、react18.0.0版、Dell G3电脑。react怎么在linux上部署?部署web前端的react项目到linux服务器项目的目录结构 1 ``` 2 ├─dlls ...
    99+
    2022-11-22
    linux React
  • react如何在linux上部署
    这篇文章主要介绍“react如何在linux上部署”,在日常操作中,相信很多人在react如何在linux上部署问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”react如何在linux上部署”的疑惑有所帮助!...
    99+
    2023-07-04
  • redis怎么在linux上部署
    这篇文章主要介绍了redis怎么在linux上部署的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇redis怎么在linux上部署文章都会有所收获,下面我们一起来看看吧。在官网下载Linux版本redis拷贝到l...
    99+
    2023-06-29
  • linux怎么部署在云服务器上
    要将Linux部署在云服务器上,可以按照以下步骤操作:1. 选择云服务提供商:选择一个可靠的云服务提供商。2. 创建云服务器实例:在...
    99+
    2023-09-28
    云服务器 linux
  • redis在linux上的部署
    redis在linux上的部署 1.在官网下载Linux版本redis 2.拷贝到linux服务器上,解压到指定目录 3.解压后得到redis文件夹-----移动到自己知道的文件位置 4.注:redis是c语言编写,需要依托c语言环境 y...
    99+
    2014-10-02
    redis在linux上的部署
  • 怎么在Linux上进行Golang服务部署
    这篇文章主要介绍了怎么在Linux上进行Golang服务部署的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么在Linux上进行Golang服务部署文章都会有所收获,下面我们一起来看看吧。一、安装 Golang...
    99+
    2023-07-05
  • MySQL如何部署在Linux上
    这篇文章给大家分享的是有关MySQL如何部署在Linux上的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 配置SQL 1.用yum从windows下载...
    99+
    2022-10-19
  • 在linux上部署python和gdal
    做个记录 centos+python2.6.6+gdal:2.1.3+proj+geos 1. 检测gcc g++ make 是否存在 2. 安装g++           yum install gcc-c++ libstdc++-...
    99+
    2023-01-31
    linux python gdal
  • java项目怎么部署到linux上
    要将Java项目部署到Linux上,可以按照以下步骤进行操作: 在Linux服务器上安装Java环境。可以从Oracle官方网站下...
    99+
    2023-10-27
    linux java
  • jar包怎么部署在tomcat上
    将jar包部署在Tomcat上,可以按照以下步骤进行操作:1. 将jar包放置在Tomcat的webapps目录下,可以新建一个文件...
    99+
    2023-08-31
    tomcat jar
  • 怎么在nginx中部署一个react项目
    这篇文章主要介绍“怎么在nginx中部署一个react项目”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么在nginx中部署一个react项目”文章能帮助大家解决问题。测试项react-demo将...
    99+
    2023-06-05
  • 怎么使用apache部署react
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。Apache部署react项目(从安装到部署完成)1.安装1.1下载Apache传送门:Apache Haus Downloads解压后,我放入E盘 1....
    99+
    2023-05-14
    apache React
  • Node.js环境在linux上如何部署
    本篇内容介绍了“Node.js环境在linux上如何部署”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一 打开centos,然后开始下载no...
    99+
    2023-06-17
  • 怎么在IIS上部署PHP网站
    这篇文章给大家分享的是有关怎么在IIS上部署PHP网站的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。部署网站前查看一下系统是否已经安装CGI启动iis服务器,打开IIS服务器打开IIS服务器,点击网站,右击“添加...
    99+
    2023-06-15
  • 怎么在k8s上部署mysql 8.0 MGR
    本篇内容介绍了“怎么在k8s上部署mysql 8.0 MGR”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2022-10-18
  • 怎么在gitee上部署TXT文件
    本篇内容主要讲解“怎么在gitee上部署TXT文件”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么在gitee上部署TXT文件”吧!登录码云账号要在码云上部署TXT文件,首先需要登录自己的码云...
    99+
    2023-07-05
  • 在Linux服务器上部署vue项目
    案例一 vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 首先本地有一个vue项目,启动后可正常访问 本地打包后,也可直接访问 ...
    99+
    2022-11-12
  • 在Linux操作系统上怎么部署Golang应用程序
    今天小编给大家分享一下在Linux操作系统上怎么部署Golang应用程序的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。安装G...
    99+
    2023-07-06
  • linux上部署mysql(记录)
    默认linux未安装过mysql,若已安装,则自行解决卸载问题。 传送门:https://www.jianshu.com/p/276d59cbc529 将 mysql-5.7.22-linux-glibc2.12-x86_64.tar.g...
    99+
    2021-12-15
    linux上部署mysql(记录)
  • 浅析Linux上怎么使用Dcoker部署GitLab
    概述GitLab 是一款基于Git版本控制系统的仓库管理软件,功能丰富,功能包括项目管理、代码审查、CI/CD和团队管理等。本文将介绍如何在Linux 系统上使用 Dcoker 部署 GitLab,并对其进行简单的配置和测试。安装 Dock...
    99+
    2023-10-22
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作