工作记录:开发中在公司服务器上部署代码。
首先要有
- 主机名(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。
确保这些准确无误再执行上面服务器部署代码的操作。