Blank metabase screen

I am running a metabase official docker in an EC2 instace which is behind application load balancer.

Everything is well until I try the link on browser. It loads the basic HTML and everything else is missing.

Below are the console errors:

GET https:/meta.vetdrive.app/app/dist/styles.css?c86de309ce31e11ad5a7 net::ERR_ABORTED 403
meta.vetdrive.app/:27 GET https:/meta.vetdrive.app/app/dist/app-main.css?4504163af0b28bafb246 net::ERR_ABORTED 403
meta.vetdrive.app/:27 GET https:/meta.vetdrive.app/app/dist/styles.bundle.js?68beb7748f5aa2ccfc00 net::ERR_ABORTED 403
meta.vetdrive.app/:27 GET https:/meta.vetdrive.app/app/dist/vendor.bundle.js?71ae27fc0b3400163d31 net::ERR_ABORTED 403
meta.vetdrive.app/:27 GET https:/meta.vetdrive.app/app/dist/app-main.bundle.js?4ddbf47de9821518b4ce net::ERR_ABORTED 403
favicon.ico:1 GET https:/meta.vetdrive.app/app/assets/img/favicon.ico 403
GET https:/meta.vetdrive.app/app/assets/img/favicon.ico 403
GET https:/meta.vetdrive.app/app/assets/img/site.webmanifest 403
Manifest: Line: 1, column: 1, Syntax error.

I have removed a slash above so it doesn't render as links.

I do have the title loaded in the HTML but nothing else loads.

Can someone point me in the right direction?

Thanks,
Hamza

Hi @idirfa
You are blocking the resources from loading. Guess you have a WAF rule somewhere.
https://www.metabase.com/docs/latest/troubleshooting-guide/proxies.html

1 Like

Thank you for pointing that out, that seems to be it! How do I allow AWS WAF to allow Metabase through? Can you point me to the right configuration, please?

Thanks again!

@idirfa I don't know. It's something you have setup, it's not the default. The response is coming from your ELB.

Yeah you are right. We have a whole list of apps under the same ALB. I just added allowed the particular app to bypass all rules and for everything else it remains the same. Got it running. Brilliant stuff.