在 docker swarm 中使用 Traefik 为 Angular dockerized 应用程序提供服务

如何解决在 docker swarm 中使用 Traefik 为 Angular dockerized 应用程序提供服务

我正在尝试为一个用 Angular 开发的网站提供服务。 Angular 应用程序在 nginx 容器中进行 dockerized。我有一个 rails 后端和一个 postgres 数据库。

docker-compose.yaml

version: "3.8"
services:

# Traefik
  traefik:
    image: traefik:v2.3
    ports:
      - target: 80
        published: 80
        mode: host
    command:
      - --providers.docker
      - --providers.docker.swarmmode
      - --entrypoints.http.address=:80
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock
    networks:
      - proxy
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.api.rule=Host(`192.168.100.200`)"
    deploy:
      mode: global
      placement:
        constraints:
          - node.hostname == node1

  postgresql:
    image : xxxxxx/custom-postgres:latest
    volumes:
       pgdata:/var/lib/postgresql/data
    networks:
      - proxy
    ports: ["5432"]
    environment :
      - POSTGRES_DB=postgres
      - POSTGRES_PASSWORD=secret
      - POSTGRES_USER=postgres
      - DATABASE_HOST=postgresql
    deploy :
      mode: replicated
      replicas 1

  frontend :
    image : xxxxx/frontend-nginx:latest
    volumes :
      - /etc/nginx/nginx.conf:/etc/nginx/nginx.conf
    networks :
      - proxy
    ports  :
      - 80
    depends_on :
      - core-api
    environment :
      - BACKEND_HOST=http://core-api:3000/
    deploy:
      mode : replicated
      replicas: 1
      labels: 
        - traefik.enable=true
        - traefik.docker.network=proxy
        - traefik.http.routers.frontend.rule=Path(/)
        - traefik.http.routers.frontend.priority=5
        - traefik.http.services.frontend.loadbalancer.server.port=80

  core-api                  :
    image                   : xxxx/core-api:latest
    command                 :
                            - /bin/sh
                            - -c 
                            - |
                              rails db:create db:migrate
                              rake db:seed
                              rm -f tmp/pids/server.pid
                              rails s -p 3000 -b 0.0.0.0
    networks                :
                            - proxy
    ports                   : 
                            - 3000
    depends_on              : 
                            - postgresql
    environment             :
                            - DATABASE_HOST=postgresql
    deploy                  :
      mode                  : replicated
      replicas              : 1

volumes :
  pgdata:

networks      :
  app-net     :
    driver    : overlay
    name      : proxy
    attachable: true

重定向应该发生在 http://IP/en/public/landing。它不会发生，因为 javascript 文件似乎无处可寻，并且无法完成重定向。在浏览器的开发人员工具中看到时，javascript 文件给了我 404。如果我在没有 Traefik 的情况下使用它，则一切正常。我尝试了“重定向”中间件，但我不确定在这种情况下如何使用它。

有人可以告诉我如何使用 Traefik 为 Angular 应用程序进行重定向吗？