docker-compose配置前端nginx

在Docker Compose中配置前端Nginx，您需要创建一个`docker-compose.yml`文件，并在其中定义两个服务：前端应用和Nginx。

下面是一个示例的`docker-compose.yml`文件：

version: '3'
services:
  frontend:
    build:
      context: ./frontend  # 前端应用的Dockerfile所在目录
      dockerfile: Dockerfile  # 前端应用的Dockerfile文件名
    ports:
      - 3000:3000  # 将前端应用的端口映射到主机的端口
    networks:
      - frontend_network

  nginx:
    image: nginx:latest
    volumes:
      - ./nginx.conf:/etc/nginx/nginx.conf  # 将自定义的Nginx配置文件挂载到容器中
    ports:
      - 80:80  # 将Nginx的80端口映射到主机的端口
    depends_on:
      - frontend  # 声明Nginx依赖于前端应用服务
    networks:
      - frontend_network

networks:
  frontend_network:

在上面的示例中，我们定义了两个服务：`frontend`和`nginx`。`frontend`服务构建了前端应用的镜像，并将容器的3000端口映射到主机的3000端口。`nginx`服务使用了官方的Nginx镜像，并将容器的80端口映射到主机的80端口。另外，我们还通过`depends_on`关键字声明了`nginx`服务依赖于`frontend`服务，以确保前端应用启动后再启动Nginx。

请注意，上述配置中使用了一个自定义的Nginx配置文件`nginx.conf`，您需要将该文件放置在与`docker-compose.yml`文件相同的目录下，并在该文件中定义您的Nginx配置。

希望这个示例对您有帮助！如有任何问题，请随时提问。