在linux服务器部署Vue项目,并配置脚本部署

2,219 阅读1分钟

总体思路: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 image.png
  • 打开来复制下内容,然后去到gitlab后台,新增 SSH key,保存

image.png

  • 然后去Linux服务器,git clone下我们的Vue项目,下图显示已经clone成功

image.png

3.部署Vue项目

  1. 先在Vue项目根目录运行下npm install,安装下依赖
  2. 然后运行npm run build,打包下项目,最后会生成个dist文件夹
  3. 修改下nginx的nginx.conf文件,将地址指向为我们的Vue项目的dist文件夹

image.png

  1. 重启nginx
  2. 为了方便部署,可以写个sh脚本,新建update.sh,内容如下:
    • git pull
    • npm install
    • npm run build
  3. 之后就可以运行 sh update.sh来更新部署项目了

如有疏落错误之处,请指出