Nginx Cross-Origin Request Blocked

Question

I have this error in my web page: "Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.cdn-example.com. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing)."

I have Nginx and this is my configuration: /etc/nginx/nginx.conf

user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
    worker_connections 768;
    # multi_accept on;
}

http {

    ##
    # Basic Settings
    ##

    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    keepalive_timeout 65;
    types_hash_max_size 2048;
    # server_tokens off;

    # server_names_hash_bucket_size 64;
    # server_name_in_redirect off;

    include /etc/nginx/mime.types;
    default_type application/octet-stream;

    ##
    # SSL Settings
    ##

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
    ssl_prefer_server_ciphers on;

    ##
    # Logging Settings
    ##

    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;

    ##
    # Gzip Settings
    ##

    gzip on;

    # gzip_vary on;
    # gzip_proxied any;
    # gzip_comp_level 6;
    # gzip_buffers 16 8k;
    # gzip_http_version 1.1;
    # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

    ##
    # Virtual Host Configs
    ##

    include /etc/nginx/conf.d/*.conf;
    include /etc/nginx/sites-enabled/*;
}

/etc/nginx/sites-enabled/default

server {
    listen 80;
    listen [::]:80;
    return 301 https://$host$request_uri;
}

server {
   # listen 443 default_server;
   # listen            [::]:443;
    listen 443 default_server;
    listen [::]:443;
    ssl on;
    ssl_certificate /etc/ssl/certs/pem-access.pem;
    ssl_certificate_key /etc/ssl/private/key-access.key;
    access_log            /var/log/nginx/nginx.access.log;
    error_log            /var/log/nginx/nginx.error.log;
    location / {
        add_header 'Access-Control-Allow-Origin' "https://www.cdn-example.com" always;
    }
}

Mi original site is other https://www.example.com

an origin is not a full url but just the domains. – Daniel A. White May 17 '20 at 19:48 — Daniel A. White, May 17 '20 at 19:48
Thanks! I solved the problem. – user_af May 18 '20 at 19:31 — user_af, May 18 '20 at 19:31

score 0 · Answer 1 · answered May 18 '20 at 19:36

I solved the problem adding: location / { if ($http_origin ~* (https://www.example.com|https://example.com|https://www.cdn-example.com)) { add_header 'Access-Control-Allow-Origin' "$http_origin"; add_header 'Access-Control-Allow-Methods' 'GET'; } }

Nginx Cross-Origin Request Blocked

1 Answers1