Api Platform distribution behind caddy proxy manager

[SiMoeBoe]

Hello together,

On my server and on my local dev setup as well I use the caddy docker proxy to run many applications in parallel.

If I want to run the API Platform distribution, the admin app does not work.
It seems to be a CORS problem or maybe a missing header, but I can't find a working solution.

My setup is quiet easy. I have a running caddy server with caddy proxy connected to a docker network named caddy and the current api platform distribution (v 13.1.14). At the api platform I changed the docker-compose.yml to:

version: "3.4"

services:
  php:
    image: ${IMAGES_PREFIX:-}app-php
    networks:
      - default
    depends_on:
      - database
    restart: unless-stopped
    volumes:
      - php_socket:/var/run/php
    healthcheck:
      interval: 10s
      timeout: 3s
      retries: 3
      start_period: 30s
    environment:
      DATABASE_URL: postgresql://${POSTGRES_USER:-app}:${POSTGRES_PASSWORD:-!ChangeMe!}@database:5432/${POSTGRES_DB:-app}?serverVersion=${POSTGRES_VERSION:-15}
      TRUSTED_PROXIES: ${TRUSTED_PROXIES:-127.0.0.0/8,10.0.0.0/8,172.16.0.0/12,192.168.0.0/16,172.25.0.0/16"}
      TRUSTED_HOSTS: ^${SERVER_NAME:-example\.com|localhost}|caddy$$
      CORS_ALLOW_ORIGIN: ^(https|http)?://(${SERVER_NAME:-example\.com|localhost}|caddy|127\.0\.0\.1")(:[0-9]+)?$
      MERCURE_URL: ${CADDY_MERCURE_URL:-http://caddy/.well-known/mercure}
      MERCURE_PUBLIC_URL: https://${SERVER_NAME:-localhost}/.well-known/mercure
      MERCURE_JWT_SECRET: ${CADDY_MERCURE_JWT_SECRET:-!ChangeThisMercureHubJWTSecretKey!}
    extra_hosts:
      # Ensure that host.docker.internal is correctly defined on Linux
      - host.docker.internal:host-gateway

  pwa:
    image: ${IMAGES_PREFIX:-}app-pwa
    networks:
      - default
    environment:
      NEXT_PUBLIC_ENTRYPOINT: https://caddy

  caddy:
    image: ${IMAGES_PREFIX:-}app-caddy
    networks:
      - default
      - caddy
    labels:
      caddy: ${SERVER_NAME:-localhost}
      caddy.reverse_proxy: "{{upstreams 80}}"
    depends_on:
      - php
      - pwa
    environment:
      PWA_UPSTREAM: pwa:3000
      SERVER_NAME: http://${SERVER_NAME:-localhost}, caddy:80
      MERCURE_PUBLISHER_JWT_KEY: ${CADDY_MERCURE_JWT_SECRET:-!ChangeThisMercureHubJWTSecretKey!}
      MERCURE_SUBSCRIBER_JWT_KEY: ${CADDY_MERCURE_JWT_SECRET:-!ChangeThisMercureHubJWTSecretKey!}
    restart: unless-stopped
    volumes:
      - php_socket:/var/run/php
      - ~/Projects/Caddy/data/caddy:/data/caddy
      - ~/Projects/Caddy/config:/config

###> doctrine/doctrine-bundle ###
  database:
    image: postgres:${POSTGRES_VERSION:-15}-alpine
    networks:
      - default
    environment:
      - POSTGRES_DB=${POSTGRES_DB:-app}
      # You should definitely change the password in production
      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD:-!ChangeMe!}
      - POSTGRES_USER=${POSTGRES_USER:-app}
    volumes:
      - db_data:/var/lib/postgresql/data
      # you may use a bind-mounted host directory instead, so that it is harder to accidentally remove the volume and lose all your data!
      # - ./api/docker/db/data:/var/lib/postgresql/data
###< doctrine/doctrine-bundle ###

# Mercure is installed as a Caddy module, prevent the Flex recipe from installing another service
###> symfony/mercure-bundle ###
###< symfony/mercure-bundle ###

volumes:
  php_socket:
  caddy_data:
  caddy_config:
###> doctrine/doctrine-bundle ###
  db_data:
###< doctrine/doctrine-bundle ###
###> symfony/mercure-bundle ###
###< symfony/mercure-bundle ###

networks:
  caddy:
    external: true
  default:

SERVER_NAME is set to something like test.localhost

Error messages are:

Unhandled Runtime Error
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
Check the render method of "CustomError".

and

Unhandled Runtime Error
Error: Cannot fetch API documentation:
Failed to fetch
Have you verified that CORS is correctly configured in your API?

Both problems do not appear without the extra proxy server.

Does anyone have an idea what I should implement to solve the problems?

Thanks!

[SiMoeBoe]

I've found a solution and writes a documentation if any other wants to use api platform behind a caddy proxy: api-platform/docs#1806