在dockerfile中运行nginx，后端和前端并行

# 使用官方的Nginx镜像作为基础
FROM nginx

# 将自定义的Nginx配置文件复制到容器中
COPY nginx.conf /etc/nginx/nginx.conf

# 将前端静态文件复制到Nginx默认的静态文件目录
COPY frontend /usr/share/nginx/html

# 暴露Nginx的80端口
EXPOSE 80

# 启动Nginx服务
CMD ["nginx", "-g", "daemon off;"]

# Nginx配置文件示例

# HTTP服务器监听的端口
server {
    listen 80;

    # 前端应用的反向代理
    location / {
        proxy_pass http://frontend:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }

    # 后端应用的反向代理
    location /api {
        proxy_pass http://backend:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

version: '3'
services:
  frontend:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./frontend:/usr/share/nginx/html
    depends_on:
      - backend
  backend:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./backend:/app

docker-compose up