部署vue項目到阿里雲服務器(Ubuntu16.04 64位)

上傳文件

1.經過Xftp將vue項目文件上傳至雲服務器;因爲node_modules這個依賴包體積較大,上傳較慢,上傳時跳過,在雲服務器上從新進行npm install安裝依賴包便可;vue

2.也可經過git clone從github上克隆項目(首先須要安裝git)node

3.打開xshell,進入到vue項目所在的目錄下,安裝依賴git

npm install

4.打包vue項目;github

npm run build

編輯docker-compose.yml

1.在vue項目的同級目錄下添加docker-compose.yml文件;docker

2.編輯docker-compose.yml文件,內容以下;shell

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.經過以下命令後臺啓動項目npm

docker-compose up -d

測試

在瀏覽器中輸入網址(Ip+端口),訪問到頁面說明部署成功。瀏覽器

相關文章
相關標籤/搜索