Site not loading when proxied through nginx

Is it a duplicate question? No

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. Proxy site though nginx
2. add security headers:

	add_header X-Frame-Options "SAMEORIGIN" always;
        add_header X-Content-Type-Options "nosniff" always;
        add_header Feature-Policy "autoplay 'none'; camera 'none'" always;
        add_header Strict-Transport-Security 'max-age=31536000; includeSubDomains; prel>
        add_header Content-Security-Policy "default-src 'self'; font-src *;img-src * da>
        add_header X-XSS-Protection "1; mode=block";
        add_header Referrer-Policy "strict-origin";

1. Go to site

Expected behavior It should load

Info Uptime Kuma Version: 1.7.3 Using Docker?: No Docker Version: Node.js Version (Without Docker only): v15.12.0 OS: Ubuntu 20.04 LTS Browser: Firefox, but also tested on chrome and safari

Screenshots

Error Log See screenshots

[ugurerkan]

It is blocking because of content security policy header.
add_header Content-Security-Policy "default-src 'self'; font-src *;img-src * da>

From the screenshots looks like you had to allow, inline and eval resources for script and style. These tools, may help to tinker with rules and solve the issue.

• https://csp-evaluator.withgoogle.com/
• https://report-uri.com/home/generate
• https://csper.io/generator

[Oaktribe]

Try this add_header Content-Security-Policy "default-src 'self'; font-src *;img-src * da>; script-src 'unsafe-eval' 'unsafe-inline'"

The first link ugurerkan shared helped me get that.