部署React项目到腾讯云服务器步骤

下载node:下载地址

img

用Xftp将压缩包传到服务器

解压:

tar -xvJf node-v14.18.1-linux-x64.tar.xz

img

用脚手架create-react-app创建的react项目,已经集成了webpack,先添加"homepage": "http://110.42.213.191:3001/"到package.json,只要运行命令:npm run build 项目就会编译成功,生成一个build文件夹,现在问题来了,如何启动这个项目呢。

我们看到命令执行完了,会给一个操作提示如下图:

img

首先提醒我们要在package.json里面加上homepage,接着就是全局安装serve:npm install -g serve

serve安装成功了以后,根据以下部署

将生成的build文件夹,上传到服务器

img

输入 screen -ls 可以查看所有在运行的screen

img

进入上传的build项目中

删除screen : kill 23351 (因为之前已经布置过,如果没有布置过则直接进行下一步创建)

创建screen: screen -S 名称

进入screen后:

img

完成后按CTRL + a+d退出screen

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值