zoukankan      html  css  js  c++  java
  • 部署web前端的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
    /*
    也可以使用pm2 -h 或 pm2 --help 来查看帮助命令
    */

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

  • 相关阅读:
    python 并发编程 多线程 event
    python 并发编程 多线程 定时器
    python 并发编程 多线程 信号量
    linux top 查看CPU命令
    python 并发编程 多线程 GIL与多线程
    python 并发编程 多线程 死锁现象与递归锁
    python 并发编程 多线程 GIL与Lock
    python GIL全局解释器锁与互斥锁 目录
    python 并发编程 多线程 GIL全局解释器锁基本概念
    执行python程序 出现三部曲
  • 原文地址:https://www.cnblogs.com/qinglanmei/p/8618582.html
Copyright © 2011-2022 走看看