nginx跨域问题

 #全局配置跨域

server {
    listen 80;
    server_name localhost;
    root  /;
    server_tokens off;
    #全局配置跨域
    add_header 'Access-Control-Allow-Origin' 'http://ip:端口';
    add_header 'Access-Control-Allow-Methods' 'POST, GET, OPTIONS, HEAD, PUT';
    add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; 
    add_header 'Access-Control-Allow-Credentials' true;
    if ($request_method = 'OPTIONS') {
        return 200;
    }

}

#在指定location 处理跨域问题   

server {
    listen 80;
    server_name localhost;
    root  /;
    server_tokens off;

    location /app {
        add_header 'Access-Control-Allow-Origin' 'http://ip:端口';
        add_header 'Access-Control-Allow-Methods' 'POST, GET, OPTIONS, HEAD, PUT';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; 
        add_header 'Access-Control-Allow-Credentials' true;
        if ($request_method = 'OPTIONS') {
            return 200;
        }
   } 
}

 

 

1、浏览器响应  CORs Missing Allow Header

     就是缺少必需的 CORS 头信息，在 add_header 'Access-Control-Allow-Headers' "看看缺少哪些头信息添加就行"

2、浏览器响应 CORS Allo Origin Not Matching Origin  

这通常表示实际请求的来源（Origin）与服务器响应中允许的来源（Access-Control-Allow-Origin）不匹配看一下 'http://ip:端口/ 信息是否正确

3、浏览器响应 CORS Multiple Origin Not Allowed  意思不允许多个来源的请求

     这个问题 我是因为在全局配置了 跨域处理，也在localtion配置得跨域处理，把其中一个配置删只留下一个就可以

4、浏览器响应 CORS No Allow Credentials

     解决问题 添加这俩个配置，不可以写 *，需要指定对应得ip+端口

     Access-Control-Allow-Origin: http://ip:端口/
    Access-Control-Allow-Credentials: true