docker部署vue項目

之前是打包在下nginx

現在用docker+nginx（代碼需要在伺服器上）

1.下nginx 鏡像

docker pull nginx
           

2.建立dockerfile

項目平行建立Dockerfile

FROM nginx:latest
MAINTAINER xx # 作者
COPY dist/ /usr/share/nginx/html/    # 将dist檔案夾下面的内容拷貝到/usr/share/nginx/html/這個目錄下
           

3.部署項目

npm run build （具體看自己package.json中的指令）
           

4.建構自己的鏡像

進入dockerfile 同級目錄

XXXX 是你要鏡像名字 必須要有點 . 代表目前目錄

5.建構自己的容器

docker run -d --name AAAAAAA -p 8080:80 XXXXX
           

AAAAAA 是你容器名字

XXXXX 是你鏡像名字

-d 背景運作

8080你項目的端口

80 nginx的80映射（是将nginx的80映射到你伺服器的8848端口）