linux服务器部署react项目步骤详解

article/2025/11/7 18:48:52

一、安装node环境

       下载软件包 wget https://nodejs.org/dist/v11.10.0/node-v11.10.0-linux-x64.tar.gz
        解压 tar -zvxf node-v11.10.0-linux-x64.tar.gz
        建立软连接
         ln -s ~/study/node-v11.10.0-linux-x64/bin/npm /usr/local/bin/npm
         ln -s ~/study/node-v11.10.0-linux-x64/bin/node  /usr/local/bin/node
         建立软连接之后 全局就可以使用 node 和 npm命令

二、本地环境进行编译

        npm run build 本地会生成一个build文件

三、将编译的包上传到服务器

       通过sftp进行上传

       

四、通过命令进行运行

      

       npm install -g serve

       ln -s /root/node-v11.10.0-linux-x64/bin/serve /usr/local/bin/serve

       serve -s 

五、部署项目需要注意的点

       1、运行react项目需要在build文件下通过serve -s进行运行

       但是serve命令是通过npm进行安装的 安装之后我们需要进行一个软连接,这样才能在全局找         到这个命令,serve命令默认是在node目录下的bin目录下

       2、我们下载node是一定要注意版本,版本过高或者过低都会出现安装不了serve命令的情况

             我安装的这个11的版本还是比较稳定的。


http://chatgpt.dhexx.cn/article/HAP1FRwj.shtml

相关文章

React项目中引入图片

React项目中引入图片 一、场景描述二、import三、require 一、场景描述 当我们在react项目中使用img标签时&#xff0c;活着style中使用背景图片时&#xff0c;直接使用相对路径会无法引入图片。 例如&#xff1a; <img width"100" height"100" src&q…

vite创建React项目 react从零入门

前言 这几天尝试看React 官方中文文档看多了容易头疼 翻看别人的都很碎片化且不是最新 以至于走了很多弯路 所以我从这里开始记录从零开始 如何创建一个React项目及以简单的页面跳转和传参 意在让初学者能够一步跨进React门槛 2023/5/4 这里是页面跳转传参的记录 一、vite创建…

怎样启动别人创建好的react项目

1.首先下载好创建的react项目后&#xff0c;在cmd命令框中先进到对应的项目路径 2. 命令行输入node -v&#xff0c;npm -v命令&#xff0c;查看对应的版本&#xff0c;如下图 3. 输入npm install命令 来安装依赖&#xff08;需要段时间才成执行完成&#xff09; 如果你是下载…

VSCode --- React项目实操

VSCode --- React项目实操 1.导入项目1.1 开启vscode&#xff0c;进入终端1.2 React项目结构 2.启动项目3.开发3.1 认识项目3.2 创建页面 x.报警 项目模板从git下载的&#xff1a; coreui-free-react-admin-template. 1.导入项目 1.1 开启vscode&#xff0c;进入终端 1.常用快…

Vite创建React项目

文章目录 1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 启动项目 Vite 需要 Node.js 版本 > 12.0.0。&#xff08;node -v 查看自己当前的node版本&#xff09; 使用 yarn&#xff1a;yarn create vitejs/app使用 npm&#xff1a;npm init vitejs/ap…

如何创建一个 react 项目

目录 前言 一、create-react-app 脚手架快速搭建 react 项目 1、安装 create-react-app 2、检测 create-react-app 是否安装成功 3、创建 react 项目 二、generator-react-webpack 脚手架搭建 react 项目 1、安装 yeoman 2、安装 generator-react-webpack 3、创建 rea…

react项目服务器Tomcat,tomcat部署react项目的方法

tomcat部署react项目的方法 发布时间&#xff1a;2020-12-16 09:44:42 来源&#xff1a;亿速云 阅读&#xff1a;151 作者&#xff1a;小新 这篇文章主要介绍了tomcat部署react项目的方法&#xff0c;具有一定借鉴价值&#xff0c;需要的朋友可以参考下。希望大家阅读完这篇文章…

如何从零开始创建React项目(三种方式)

在开发 React 项目前最关键的当然是项目的创建&#xff0c;现在的前端工程化使得前端项目的创建也变得越来越复杂&#xff0c;在这里介绍三种从零开始创建 React 项目的方式&#xff0c;分别是 “在浏览器中直接引入”、“使用官方脚手架 create-react-app” 以及 “使用 Webpa…

【React进阶-1】从0搭建一个完整的React项目(入门篇)

这篇文章带领大家从零开始手动撸一个React项目的基础框架&#xff0c;集成React全家桶。万字长文&#xff0c;请各位有足够的时间时再来阅读和学习。 概述 平时工作中一直在用React提供的脚手架工具搭建React项目&#xff0c;一行命令全都搞定&#xff0c;自己只管做需求开发即…

推荐10个不错的React开源项目

1&#xff0c;Kutt.it Kutt是一个现代的URL缩短器&#xff0c;支持自定义域&#xff0c;可以用来缩短网址、管理链接并查看点击率统计信息。Kutt支持自定义域名&#xff0c;设置链接密码和描述&#xff0c;缩短URL的私人统计信息&#xff0c;查看、编辑、删除和管理链接&#…

Github上8个很棒的React项目

大家好&#xff0c;我是若川。持续组织了近一年的源码共读活动&#xff0c;感兴趣的可以 点此加我微信ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…

MySQL 数据库引擎比较

MyISAM: 优势 – 查询速度快 – 数据和索引压缩 问题 – 表级锁 – 数据丢失 InnoDB: 优势 – 行级锁 – 事务支持 – 数据安全 问题 – 数据文件庞大 – 启动慢 – 不支持FULLTEXT索引 比较:

数据库_mysql数据库引擎_数据库索引

文章目录 前言一、MySql数据库引擎1.1、数据库引擎任务1.2、常用的数据库引擎1.2.1、InnoDB存储引擎页主要部分 InnoDB的几个变量 1.2.2、MyISAM存储引擎1.3 、存储引擎设置1.4、如何选择存储引擎 二、索引的数据结构2.1、什么是索引2.2、索引有什么用2.3、优点和缺点2.4 为什么…

【Mysql】数据库引擎

引擎 存储引擎数据库引擎数据库引擎的定义数据库引擎的任务mySql引擎的类别ISAM引擎MyISAM引擎Heap引擎InnoDB引擎InnoDB与MyISAM对比 存储引擎 MySQL常见的两种存储引擎&#xff1a;MyISAM和InnoDB 数据库引擎 数据库引擎的定义 访问数据库时&#xff0c;通过数据库引擎访…

mysql之数据库引擎

一&#xff1a;引擎概述 1&#xff0c;为什么要合理选择数据库存储引擎&#xff1f; MySQL中的数据用各种不同的技术存储在文件&#xff08;或者内存&#xff09;中。这些技术中的每一种技术都使用不同的存储机制、索引技巧、锁定水平并且最终提供广泛的不同的功能和能力。通过…

MYSQL——MYSQL中常见的数据库引擎

文章目录 MYSQL中常见的数据库引擎1、什么是数据库引擎&#xff1f;2、MYSQL中有哪些数据库引擎3、常见引擎介绍&#xff08;1&#xff09;InnoDB&#xff08;2&#xff09;MyISAM&#xff08;3&#xff09;Memory&#xff08;Heap&#xff09; MYSQL中常见的数据库引擎 1、什…

Mysql:数据库引擎

废话不多说&#xff0c;我们先看MySql 用到了那些引擎 SHOW ENGINES 直接可以看到有下面这些引擎 InnoDB&#xff0c;MRG_MYISAM&#xff0c;MEMORY&#xff0c;BLACKHOLE&#xff0c;MyISAM&#xff0c;CSV&#xff0c;ARCHIVE&#xff0c;PERFORMANCE_SCHEMA&#xff0c;FE…

MySQL体系结构及数据库引擎

文章目录 一、MYSQL的体系结构1、连接器2、查询缓存3、分析器&#xff08;要做什么&#xff09;4、优化器&#xff08;怎么做&#xff09;5、执行器6、数据库引擎1&#xff09;mysql支持的引擎2&#xff09;常用的mysql引擎比较3&#xff09;索引组织表、堆组织表4&#xff09;…

MySQL数据引擎

一、MySQL提供什么存储引擎 mysql> SHOW ENGINES;二、查看默认的存储引擎&#xff1a; mysql> SHOW VARIABLES LIKE %storage_engine%;三、各种引擎介绍 1、InnoDB存储引擎&#xff08;1&#xff09;大于等于5.5之后&#xff0c;默认采用InnoDB引擎&#xff08;2&…

MySQL数据库引擎详解

作为经常使用MySQL数据库的人&#xff0c;不得不对MySQL的数据库引擎有一定的了解&#xff0c;在之前我也是只会使用MySQL&#xff0c;但两次的面试中都被面试官问及项目用到的数据库引擎&#xff08;血与泪&#xff09;&#xff0c;因此&#xff0c;有必要写一篇文章&#xff…