Docker容器和宿主机之间的数据卷和端口映射:
前端部署
代码打包:
npm run build运行nginx:
2.1 在服务器usr/local目录下创建nginx目录，并进入nginx目录下
image.png
2.2 在nginx目录下创建html和https目录，创建nginx.conf文件并复制内容
Nginx.conf文件配置:
image.png
2.3 将前端打包的dist文件夹放到上述新建的Html目录下
2.4 在服务器运行命令
docker run -d --name nginx --network [同一网络容器名]] -v /usr/local/nginx/html:/usr/share/nginx/html -v /usr/local/nginx/nginx.conf:/etc/nginx/nginx.conf -v /usr/local/nginx/https:/usr/share/nginx/https -p 80:80 -p 43:443 nginx:latest
--network bili: 指定容器名为bili的网络 通过bili可之间访问接口
-v usr/local/nginx/html:/usr/share/nginx/html：容器卷，将服务器usr/local/nginx/htm目录映射到容器/usr/share/nginx/html目录
-p 80:80 :端口映射
image.png
image.png
查看nginx日志:docker logs -f nginx
重启nginx: docker restart nginx
使用nginx反向代理访问后端接口
