Docker容器和宿主机之间的数据卷和端口映射:

前端部署

1. 代码打包:npm run build

2. 运行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反向代理访问后端接口