上傳文件
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+端口),訪問到頁面說明部署成功。