将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敕令 |