We are trying to run Metabase behind an AWS ALB that uses direct connection to Cognito to authenticate users. We are trying to run the app with a base url of /metabase (eg. our url to get to metabase should look like https://mydomain.com/metabase)
Our configuration is the following:
ALB Listener Rule:
Paths: /metabase /metabase/* /api/* /app/* Auth: Cognito User Pool Forward: metabase-target-group -> points to ec2 on port 4000
Running metabase/metabase-enterprise:latest container with the following docker-compose
version: "3.3" services: grafana: image: metabase/metabase-enterprise user: root container_name: metabase_app environment: MB_DB_TYPE: postgres MB_DB_DBNAME: metabase MB_DB_PORT: 5432 MB_DB_USER: *redact* MB_DB_PASS: *redact* MB_DB_HOST: *redact* ports: - "4000:3000" networks: - platform_network networks: platform_network: external: name: platform_network
Site Url: https://mydomain.com/metabase
When we navigate to the our url, we are getting the following error:
We're a little lost... The page you asked for couldn't be found.
The container logs for each request are:
2023-05-11 15:12:22,035 DEBUG middleware.log :: GET /api/user/current 401 529.2 µs (0 DB calls) "Unauthenticated" 2023-05-11 15:12:22,101 DEBUG middleware.log :: GET /api/session/properties 200 69.1 ms (1 DB calls) App DB connections: 0/4 Jetty threads: 6/50 (1 idle, 0 queued) (45 total active threads) Queries in flight: 0 (0 queued)
An inspect on browser shows the following error logs on client side:
Warning: the Metabase site URL basename "/metabase/" does not match the actual basename "/".
Refused to apply style from 'https://mydomain.com/metabase/app/dist/styles.css?10cd540a50370a0ca610' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'error')
Looks like its trying to redirect us to the auth endpoint but failing? Any help on this would be greatly appreciated!