Strict MIME type error causes white page (nginx + cloudflare)

⚠️ Please verify that this bug has NOT been raised before.

• I checked and didn’t find similar issue

🛡️ Security Policy

• I agree to have read this project Security Policy

📝 Describe your problem

When navigating to status.example.com, I see a completely white page with this error in the console:

Chrome: Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

Safari: Loading module from “https://status.example.com/assets/index.56b35390.js” was blocked because of a disallowed MIME type (“text/html”). & The stylesheet https://status.example.com/assets/index.43631e1a.css was not loaded because its MIME type, “text/html”, is not “text/css”.

Opening [IP]:3001/status/example, the page does load correctly on both browsers.

I’m using cloudflare and nginx with the following config:

server {
    listen 80;
    listen [::]:80;
    server_name status.example.com;

    location / {
        proxy_pass http://127.0.0.1:3001/status/tsealink;
        proxy_http_version 1.1;
        proxy_set_header   Upgrade $http_upgrade;
        proxy_set_header   Connection "upgrade";
        proxy_set_header   Host $host;
    }

}

Anyone who can help me? Thanks!

🐻 Uptime-Kuma Version

1.18.5

💻 Operating System and Arch

Debian 11

🌐 Browser

Chrome, Safari, Firefox

🐋 Docker Version

No response

🟩 NodeJS Version

14.18.1

[louislam]

Yes, see https://github.com/louislam/uptime-kuma/wiki/Status-Page#domain-names-for-status-pages

Close as resolved.

[jojost1]

You’re great!