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服务器如何部署react”的全面内容,想了解更多关于 reactjs 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_2553.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!