vue+nginx部署步驟

1. 打包 npm run build:prod

打包後的內容爲項目路徑下的dist/文件夾

2. 壓縮 dist/上傳至服務器，解壓到某個路徑

3. 服務端建立配置文件nginx.conf，修改相關配置

4. Docker 啓動 nginx並掛載解壓出來的文件夾到容器中，並將配置文件掛載到相應的路徑

 

docker run --name platformcloud-front -d -p 9537:80 -v /home/front/dist:/usr/share/nginx/html -v /home/front/nginx.conf:/etc/nginx/nginx.conf:ro nginx 

參數解釋：--name 容器名稱

-d 後臺運行

-p 宿主機端口映射到容器內部端口

-v 宿主機目錄/文件掛載到容器內部目錄/文件

ro readonly 只讀模式掛載

nginx 鏡像名稱，此處爲官方鏡像nginx