部署web前端的react项目到linux服务器
部署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服务器的更多相关文章
- 部署基于maven的springboot项目到linux服务器上
目录 本地运行调试 导入数据库: 导入项目: 将项目打包: linux准备: 运行项目: 脚本运行 本地运行调试 导入数据库: 导入数据库的时候使用的是sqlYog导入navcat的脚本:由于两个应用 ...
- 【Yeoman】热部署web前端开发环境
本文来自 “简时空”:<[Yeoman]热部署web前端开发环境>(自动同步导入到博客园) 1.序言 记得去年的暑假看RequireJS的时候,曾少不更事般地惊为前端利器,写了<Sp ...
- 二手前端入门React项目
个人对ReactJS这门技术比较感兴趣,在基友的帮助下成功创建了一个React标准前端工程,过程中遇到了不少麻烦,今天作为笔记一般记录一下遇到的问题和解决方案. 基础环境 手头一台Mac 使用OSX系 ...
- Django项目在Linux服务器上部署和躺过的坑
引言 在各方的推荐下,领导让我在测试环境部署之前开发的测试数据预报平台.那么问题来了,既然要在服务器上部署, 就需要准备: 1.linux服务器配置 2.linux安装python环境搭建与配置 3. ...
- 部署python项目到linux服务器
最近用Python写了个外挂,需要部署到Linux环境的服务器上,由于之前本地开发时使用virtualenv,使用这个虚拟环境有个好处是项目中依赖的库不会是全局的,只在当前项目的目录下有效,因为我是M ...
- 部署vue项目到Linux服务器
案例一 vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 首先本地有一个vue项目,启动后可正常访问 本地打包后,也可直接访问 若打包后的index. ...
- 最新JetBrainsPyCharm自动部署Python(Django,tornado等)项目至远程服务器
每次开发Python项目时,对于所有Python开发人员来说,最枯燥的不是修改代码,而是实时将自己的代码上传至远程服务器,进行测试或者部署,本人最初开发也是这样,通过使用Xshell 5,WinSCP ...
- 第一次项目上Linux服务器(一:远程连接服务器)
一.准备工作 1.Linux服务器一台,以及服务器ip.用户名.密码 2.安装xfttp和xshell软件,资源链接,百度云链接:https://pan.baidu.com/s/1vwnlbBpmjX ...
- jenkins 自动化部署vue前端+java后端项目 进阶一
今天又不想写了,那么我来将我参考的文章直接分享给大家好了,大家也可以直接进行参考: 这里以centos7为例搭建自动化部署项目: 1.搭建部署前端服务代理nginx: 借鉴于:https://blog ...
随机推荐
- [Vue]Vue keep-alive
keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们.和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 ...
- (八)SpringBoot之freeMarker基本使用
一.案例 1.1 pom.xml <dependencies> <!-- 除去logback支持 --> <dependency> <groupId>o ...
- (八)二进制文件在webservice中的处理(以byte[]字节数组方式)
一.介绍 二进制文件在webservice中的处理. A:通过byte[]字节数组的方式来传递.比较适合小文件,字节数组不能太大的情况.(本章所用) B:通过DataHander的方式来进行传递. 1 ...
- 用户注册&单点登录
package com.tttttt.portal.controller; import java.util.HashMap; import java.util.Map; import javax.s ...
- pandas简介
- [JZOJ5465]道路重建--边双缩点+树的直径
题目链接 lueluelue 分析 这鬼题卡了我10发提交,之前做过一道类似的题目:https://rye-catcher.github.io/2018/07/09/luogu%E9%A2%98%E8 ...
- friend
#include <iostream> using namespace std; //friend 友元,效率的问题 //get 方法和set方法,是标准封装的结果,friend破坏了这种 ...
- K2 BPM_K2受邀出席QAD 2019年亚太区用户大会_全业务流程管理专家
6月12-13日,K2受邀参加了以“云聚创新,智造未来”为主题的QAD 2019年亚太区用户大会.会议上K2同与会嘉宾们共商制造业数字化转型,就如何用流程赋能企业实现智能制造进行了精彩分享. 近期发布 ...
- NORDIC 关闭浮点运算FPU
1.打开FPU中断 NVIC_SetPriority(FPU_IRQn, APP_IRQ_PRIORITY_LOW);NVIC_EnableIRQ(FPU_IRQn); 2.中断中关闭FPU void ...
- 云服务器搭建Jupyter-主要部分为配置服务器安全组
最近在腾讯上租了一个服务器,在CSDN上看到了一个在服务器上搭建Jupyter的帖子,就跟着介绍做了一下. 参考CSDN帖子链接:https://blog.csdn.net/ds19991999/ar ...