Dashboard not loading media/thumbnails

[genox]

Hi,

I run saleor in a docker compose stack, based on saleor-platform. I am using Caddy as reverse proxy. Somehow media isn't loaded correctly and I am not sure why.

As for env variables, I set MEDIA_URL of saleor to default, e.g. /media/. API access works fine and saleor domain is updated as well, so no localhost:8000 requests.

The dashboard has APP_MOUNT_URI=/dashboard/.

I noticed a 404 on the dashboard trying to get domain.xy/sw.js from within the dashboard app. What is that about?

My reverse proxy setup looks like this:

saleor.domain.xy {
    encode zstd gzip {
        minimum_length 1000
        match {
            header Content-Type text/*
            header Content-Type application/json*
            header Content-Type application/javascript*
            header Content-Type application/xhtml+xml*
            header Content-Type application/atom+xml*
            header Content-Type application/rss+xml*
            header Content-Type image/svg+xml*
        }
    }

    handle /dashboard/* {
        reverse_proxy dashboard:80
    }

    reverse_proxy api:8000
}

Every request with a path starting with dashboard is routed to the dashboard container, everything else is routed to the api container.

Do I need to have a special route for the media directory? My assumption is that the media directory is served from the API instance.

Are there any special forward headers required?

[genox]

For example, a failing request logs this to the api container logs:

{"asctime": "2023-09-14T08:49:21Z", "levelname": "WARNING", "lineno": 224, "message": "Not Found: /media/thumbnails/products/Screenshot_2023-09-13_at_09.52.06_b7ce72b7_thumbnail_4096.png", "name": "django.request", "pathname": "/usr/local/lib/python3.9/site-packages/django/utils/log.py", "process": 26, "threadName": "ThreadPoolExecutor-4_0", "status_code": 404, "request": "<ASGIRequest: GET '/media/thumbnails/products/Screenshot_2023-09-13_at_09.52.06_b7ce72b7_thumbnail_4096.png'>", "hostname": "a1b043dca125"}

So the request are going through to the container but it doesn't know what to do with them.

[genox]

On further investigation, when DEBUG=True is set on the api, media files are served as expected.