nginx跨域问题

发布时间:2024年01月15日

?#全局配置跨域

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?

文章来源:https://blog.csdn.net/m0_52454621/article/details/135594475
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。