总体思路:Vue项目是有在gitlab上做版本控制的,打算在Linux服务器上直接拉取gitlab的Vue项目代码,然后打包部署,通过脚本命令一键部署
1.在Linux服务器安装下nodejs、git、nginx
- 安装 npm:yum install nodejs
- 安装 git:yum install git
- 安装 nginx:yum install nginx
2.配置ssh key:
设置用户名和email
- git config --global user.name "账号"
- git config --global user.email "邮箱"
生成ssh key:
- 运行命令:ssh-keygen -t rsa -C "邮箱"
- 如下图,一路回车,然后会在该目录下看到文件:id_rsa.pub
- 打开来复制下内容,然后去到gitlab后台,新增 SSH key,保存
- 然后去Linux服务器,git clone下我们的Vue项目,下图显示已经clone成功
3.部署Vue项目
- 先在Vue项目根目录运行下npm install,安装下依赖
- 然后运行npm run build,打包下项目,最后会生成个dist文件夹
- 修改下nginx的nginx.conf文件,将地址指向为我们的Vue项目的dist文件夹
- 重启nginx
- 为了方便部署,可以写个sh脚本,新建update.sh,内容如下:
- git pull
- npm install
- npm run build
- 之后就可以运行 sh update.sh来更新部署项目了
如有疏落错误之处,请指出