一条命令发布 vue 项目到 Linux 服务器

2023/03/21 浏览数(580) 分类：Vue.js 已关闭评论

提示：windows 平台需要在 git bash 中执行以下操作。

生成自动登录 ssh 的 key，这个 key 可以代替 ssh 密码，后边再使用 scp 复制文件时就不需要输入密码这步交互操作了

ssh-keygen
# 不需要输入信息，一路回车即可

将 ssh key 添加到服务器上

ssh-copy-id -i ~/.ssh/id_rsa.pub -p 22 root@106.13.232.33
# 按提示输入 admin 的密码

本地配置 ssh 主机（用“vueProjectHost”代替“root@106.13.232.33”）

# ~/.ssh/config
StrictHostKeyChecking=no
Host vueProjectHost
  Hostname 106.13.232.33
  Port 22
  User root
  IdentityFile ~/.ssh/id_rsa

打包并发布项目

yarn build && scp -r ./dist/* vueProjectHost:/data/sites/vueproject.upall.cn/public_html/
# yarn build && scp -P 22 -i ~/.ssh/id_rsa -r ./dist/* root@106.13.232.33:/data/sites/vueproject.upall.cn/public_html/
# 需要在项目根目录执行，上边2行命令任选一条即可

将打包并发布的命令缩短

#vi ~/.bashrc
alias p='yarn build && scp -r dist/* vueProjectHost:/data/sites/vueproject.upall.cn/public_html/'
# alias p2='yarn build && scp -P 22 -i ~/.ssh/id_rsa -r dist/* root@106.13.232.33:/data/sites/vueproject.upall.cn/public_html/'
# 以后在项目根目录执行 p 就可以打包并发布到服务器了