Nginx配置跨域CORS

1.什么是跨域请求

跨域请求就是指：当前发起请求的域与该请求指向的资源所在的域不一样。这里的域指的是这样的一个概念：我们认为若协议 + 域名 + 端口号均相同，那么就是同域。

2.常见跨域

网络协议不同，如http协议访问https协议 ;

端口不同，如80端口访问8456端口 ;

域名不同，如www.demo1.com访问www.demo2.com ;

子域名不同，如abc.demo1.com访问def.demo1.com ;

3.修改nginx.conf配置

server {
        listen       80;
        server_name  localhost;
        
        location / {
            root   D:/InternetApplications/nginx-1.18.0/dist;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        
        location /file {
           add_header 'Access-Control-Allow-Origin' "$http_origin" always;
           add_header 'Access-Control-Allow-Credentials' 'true' always;
           add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
           add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-  Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
        }  

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        
        location = /f2.html {
            root   html;
        }
        
        location = /h5.html {
            root   html;
        }
        
        location = /xf.html {
            root   html;
        }
        
        location = /trip.html {
            root   html;
        }

    }