在服务器上部署本地代码

工作记录：开发中在公司服务器上部署代码。

首先要有

• 主机名（ip地址，例如：108.159.12.67）
• 用户名（一般是 root ）
• 密码 （登入服务器的密码）
• 端口 （一般是 22 ）

终端输入

ssh -p 22 root@108.159.12.67

可复制粘贴密码，终端看不到粘贴后的密码，直接回车

root@108.159.12.67 's password: 

第一次 ssh 连接服务器时会出现 ECDSA 的 SHA256 的秘钥指纹，并询问是否要继续连接服务器

ECDSA key fingerprint is SHA256: // hash 省略...
Are you sure you want to continue connecting (yes/no[fingerprint])? // 键入yes

键入 yes 后回车继续登入服务器，会出现这样的开头

[root@9Dio8i1a0p%uald8z9)lads ~]#

可以通过 cd … 命令退回到根目录

[root@9Dio8i1a0p%uald8z9)lads ~]# cd ..
[root@9Dio8i1a0p%uald8z9)lads /]#

如果公司的项目都部署在 /var/www 目录下，进入到项目目录，执行 git pull 命令拉取代码。

[root@9Dio8i1a0p%uald8z9)lads ~]# cd /var/www/project_name
[root@9Dio8i1a0p%uald8z9)lads project_name]# git pull

因为公司服务器项目和服务器中安装的 Gitlab 对应的项目建立关联，在 /var/www/project_name 中拉取的是 Gitlab 对应的项目的 master 分支，拉取成功就完成了部署。

当然还有一些可视化工具如：FileZilla，连接服务器后，通过拖拽方式把整个 dist 文件夹放到项目目录便可完成部署。

需要注意：对服务器中项目部署要谨慎，尤其是生产环境，项目的 分支 和对应的 编译脚本 不要搞错了。

举例： ./package.json

{
  ...
  "scripts": {
    "prod-serve": "vue-cli-service serve --mode production",
    "prod-build": "vue-cli-service build --mode production",
    "serve": "vue-cli-service serve --mode development",
    "build": "vue-cli-service build --mode development",
  },
  ...
}

• Vue 项目根据 ./.env.development 和 ./.env.production 配置开发和生产两种环境的接口的 baseURL
• 开发环境 dev 和测试环境 test 共用开发环境接口 baseURL，生产环境 master 用生产环境接口 baseURL。
• 开发环境和测试环境启动项目执行 yarn serve，编译执行 yarn build。生产环境启动执行 yarn prod-serve，编译执行 yarn prod-build。

确保这些准确无误再执行上面服务器部署代码的操作。