上传文件
1.通过Xftp将vue项目文件上传至云服务器;由于node_modules这个依赖包体积较大,上传较慢,上传时跳过,在云服务器上重新进行npm install安装依赖包即可;
2.也可通过git clone从github上克隆项目(首先需要安装git)
3.打开xshell,进入到vue项目所在的目录下,安装依赖
npm install
4.打包vue项目;
npm run build
编辑docker-compose.yml
1.在vue项目的同级目录下添加docker-compose.yml文件;
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
测试
在浏览器中输入网址(Ip+端口),访问到页面说明部署成功。