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

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

部署web前端的react项目到linux服务器的更多相关文章

  1. 部署基于maven的springboot项目到linux服务器上

    目录 本地运行调试 导入数据库: 导入项目: 将项目打包: linux准备: 运行项目: 脚本运行 本地运行调试 导入数据库: 导入数据库的时候使用的是sqlYog导入navcat的脚本:由于两个应用 ...

  2. 【Yeoman】热部署web前端开发环境

    本文来自 “简时空”:<[Yeoman]热部署web前端开发环境>(自动同步导入到博客园) 1.序言 记得去年的暑假看RequireJS的时候,曾少不更事般地惊为前端利器,写了<Sp ...

  3. 二手前端入门React项目

    个人对ReactJS这门技术比较感兴趣,在基友的帮助下成功创建了一个React标准前端工程,过程中遇到了不少麻烦,今天作为笔记一般记录一下遇到的问题和解决方案. 基础环境 手头一台Mac 使用OSX系 ...

  4. Django项目在Linux服务器上部署和躺过的坑

    引言 在各方的推荐下,领导让我在测试环境部署之前开发的测试数据预报平台.那么问题来了,既然要在服务器上部署, 就需要准备: 1.linux服务器配置 2.linux安装python环境搭建与配置 3. ...

  5. 部署python项目到linux服务器

    最近用Python写了个外挂,需要部署到Linux环境的服务器上,由于之前本地开发时使用virtualenv,使用这个虚拟环境有个好处是项目中依赖的库不会是全局的,只在当前项目的目录下有效,因为我是M ...

  6. 部署vue项目到Linux服务器

    案例一 vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 首先本地有一个vue项目,启动后可正常访问 本地打包后,也可直接访问 若打包后的index. ...

  7. 最新JetBrainsPyCharm自动部署Python(Django,tornado等)项目至远程服务器

    每次开发Python项目时,对于所有Python开发人员来说,最枯燥的不是修改代码,而是实时将自己的代码上传至远程服务器,进行测试或者部署,本人最初开发也是这样,通过使用Xshell 5,WinSCP ...

  8. 第一次项目上Linux服务器(一:远程连接服务器)

    一.准备工作 1.Linux服务器一台,以及服务器ip.用户名.密码 2.安装xfttp和xshell软件,资源链接,百度云链接:https://pan.baidu.com/s/1vwnlbBpmjX ...

  9. jenkins 自动化部署vue前端+java后端项目 进阶一

    今天又不想写了,那么我来将我参考的文章直接分享给大家好了,大家也可以直接进行参考: 这里以centos7为例搭建自动化部署项目: 1.搭建部署前端服务代理nginx: 借鉴于:https://blog ...

随机推荐

  1. [Vue]Vue keep-alive

    keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们.和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 ...

  2. (八)SpringBoot之freeMarker基本使用

    一.案例 1.1 pom.xml <dependencies> <!-- 除去logback支持 --> <dependency> <groupId>o ...

  3. (八)二进制文件在webservice中的处理(以byte[]字节数组方式)

    一.介绍 二进制文件在webservice中的处理. A:通过byte[]字节数组的方式来传递.比较适合小文件,字节数组不能太大的情况.(本章所用) B:通过DataHander的方式来进行传递. 1 ...

  4. 用户注册&单点登录

    package com.tttttt.portal.controller; import java.util.HashMap; import java.util.Map; import javax.s ...

  5. pandas简介

  6. [JZOJ5465]道路重建--边双缩点+树的直径

    题目链接 lueluelue 分析 这鬼题卡了我10发提交,之前做过一道类似的题目:https://rye-catcher.github.io/2018/07/09/luogu%E9%A2%98%E8 ...

  7. friend

    #include <iostream> using namespace std; //friend 友元,效率的问题 //get 方法和set方法,是标准封装的结果,friend破坏了这种 ...

  8. K2 BPM_K2受邀出席QAD 2019年亚太区用户大会_全业务流程管理专家

    6月12-13日,K2受邀参加了以“云聚创新,智造未来”为主题的QAD 2019年亚太区用户大会.会议上K2同与会嘉宾们共商制造业数字化转型,就如何用流程赋能企业实现智能制造进行了精彩分享. 近期发布 ...

  9. NORDIC 关闭浮点运算FPU

    1.打开FPU中断 NVIC_SetPriority(FPU_IRQn, APP_IRQ_PRIORITY_LOW);NVIC_EnableIRQ(FPU_IRQn); 2.中断中关闭FPU void ...

  10. 云服务器搭建Jupyter-主要部分为配置服务器安全组

    最近在腾讯上租了一个服务器,在CSDN上看到了一个在服务器上搭建Jupyter的帖子,就跟着介绍做了一下. 参考CSDN帖子链接:https://blog.csdn.net/ds19991999/ar ...