部署vue项目到阿里云服务器(Ubuntu16.04 64位)

上传文件

1.通过Xftp将vue项目文件上传至云服务器;由于node_modules这个依赖包体积较大,上传较慢,上传时跳过,在云服务器上重新进行npm install安装依赖包即可;

2.也可通过git clone从github上克隆项目(首先需要安装git)

部署vue项目到阿里云服务器(Ubuntu16.04 64位)

3.打开xshell,进入到vue项目所在的目录下,安装依赖

npm install

部署vue项目到阿里云服务器(Ubuntu16.04 64位)

4.打包vue项目;

npm run build

部署vue项目到阿里云服务器(Ubuntu16.04 64位)

编辑docker-compose.yml

1.在vue项目的同级目录下添加docker-compose.yml文件;

部署vue项目到阿里云服务器(Ubuntu16.04 64位)

2.编辑docker-compose.yml文件,内容如下;

version: "2"                        --docker-compose的版本
services:
  resume1.0:                        
    image: node:latest
    working_dir: "/testPro"         
    environment:
      - HOST=0.0.0.0
    ports:
      - "3003:3000"                 --暴露的端口:项目中的端口
    volumes:
      - ./testPro:/testPro
    command: bash -c "npm run start"

启动项目

1.通过如下命令后台启动项目

docker-compose up -d

部署vue项目到阿里云服务器(Ubuntu16.04 64位)

测试

在浏览器中输入网址(Ip+端口),访问到页面说明部署成功。

部署vue项目到阿里云服务器(Ubuntu16.04 64位)