前提
假设已经购买了云服务器,其内网IP地址是172.11.11.11(假设),目前我们需要将我们的已经开发好的前端项目部署上去。
一、云服务器部分
远程连接工具有很多,这里我直接使用iIerm进行连接。操作如下:
step1、连接云服务
ssh root@172.11.11.11 // 连接云服务,此时会让你输入密码,正确输入后就会成功连接 复制代码
另外,如果要退出云服务器,可以执行:
exit 复制代码
step2、备份旧的前端项目
ls cd html/ // 假设我们的前端项目(名称假设为frontEndProject)放在html文件夹下,进入此文件 cp -rf frontEndProject frontEndProject20220927 // 先将现有项目备份 复制代码
step3、删除旧的前端项目
cd frontEndProject rm -rf * 复制代码
另外,退出云服务器命令:
exit 复制代码
二、前端项目部分
step1、打包
终端进入前端项目文件夹,执行打包命令:
yarn build 复制代码
执行之后就会在前端项目根目录下出现dist
文件夹。
step2、终端部署
cd dist/ //进入打包后的文件夹 scp -r * root@172.11.11.11:/html/frontEndProject 复制代码
输入密码