Handle Harcoded Mixed-Content with Traefik

Hi, is it possible to fix hardcoded mixed content that's blocked by browser with traefik?
this is the console log

socket.io.js:7 Mixed Content: The page at 'https://sub.domain.tld/requests' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://sub.domain.tld/socket.io/?EIO=3&transport=polling&t=NyfWHiV'. This request has been blocked; the content must be served over HTTPS.

I tried this on my container labels but it's no solved:

- "traefik.http.routers.g1.entrypoints=websecure"
      - "traefik.http.routers.g1.rule=Host(`g1.ayn.my.id`)"
      - "traefik.http.services.g1.loadbalancer.server.port=80"
      - "traefik.http.services.g1.loadbalancer.sticky=true"
      - "traefik.http.services.g1.loadbalancer.sticky.cookie.name=g1StickyCookie"
      - "traefik.http.services.g1.loadbalancer.sticky.cookie.secure=true"
      - "traefik.http.routers.g1.service=g1"
      - "traefik.http.routers.g1-socket.entrypoints=websecure"
      - "traefik.http.routers.g1-socket.rule=Host(`sub.domain.tld`) && PathPrefix(`/socket.io{tail:.*}`)"
      - "traefik.http.routers.g1-socket.middlewares=wss@file"
      - "traefik.http.services.g1-socket.loadbalancer.server.port=6001"
      - "traefik.http.services.g1-socket.loadbalancer.sticky=true"
      - "traefik.http.services.g1-socket.loadbalancer.sticky.cookie.name=g1sStickyCookie"
      - "traefik.http.services.g1-socket.loadbalancer.sticky.cookie.secure=true"
      - "traefik.http.routers.g1-socket.service=g1-socket"

wss@file middleware is:

middlewares:
    wss:
      redirectscheme:
        scheme: wss

this is my entrypoints in traefik.yml

entryPoints:
  web:
    address: :80
    http:
      redirections:
        entrypoint:
          to: websecure
          scheme: https
  websecure:
    address: :443
1 Like