将 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命令
    原文作者:cag2050
    原文地址: https://segmentfault.com/a/1190000017460386
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞