將 vue 項目運行在 docker 的 nginx 容器中

將vue 單頁面應用項目（spa）運行在docker的nginx容器中，步驟：

1.安裝docker mac版
2.下載nginx鏡像（1.15.7：是具體的nignx版本；默認從 https://hub.docker.com/ 下載鏡像）：

docker pull nginx:1.15.7

3.運行命令打包項目：npm run build
4.編寫nginx的配置文件（文件在本項目中位置：nginx/default.conf）
5.在項目目錄下運行 docker 命令：

docker run -p 9081:80 -v $PWD/dist/:/usr/share/nginx/dist/ -v $PWD/nginx/default.conf:/etc/nginx/conf.d/default.conf -d nginx:1.15.7

6.宿主機（就是本機）訪問項目網址：http://localhost:9081/

docker run命令參數說明：

參數	說明
-v, --volume value：Bind mount a volume (default [])	宿主機會覆蓋容器內文件
-p, --publish value：Publish a container's port(s) to the host (default [])	宿主機端口對應容器內端口
-d, --detach：Run container in background and print container ID	保持容器在後臺持續運行；後續能夠使用docker exec -it <容器名或容器id> bash，進入容器的bash命令

• 項目例子：https://github.com/cag2050/vu...