方式一：通过两个容器部署
方式一：通过两个容器部署
1、部署前端
1.1、指定前端向后端请求的 BASE_URL
比如：http://10.61.4.42:7777/traffic，这里的 7777 是 Docker 部署后端时 linux 的本地端口，即
7777:80，80 是后端配置文件中指定的端口。
1
export const BASE_URL = 'http://10.61.4.42:7777/traffic'
1.2、打包前端项目生成 dist 文件夹
1.3、linux 本地创建 default.conf 和 Dockerfile
1、default.conf：linux 本机创建的配置文件，用于覆盖 nginx 内部的配置文件
server {
listen 80;
server_name 10.61.4.42; # 修改为 docker 服务宿主机的 ip
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
}
location /traffic {
proxy_pass http://10.61.4.42:7777/traffic;
}
error_page 500 502 503 504 /404;
location = /50x.html {
root html;
}
}
2、Dockerfile：打包镜像。（default.conf 和 Dockerfile 中端口都为 80，该端口是容器内端口，也
是 nginx 监听的端口，是默认的）
资源评论
