ngnix跨域问题整理

分手后的思念是犯贱 2022-10-09 12:17 202阅读 0赞

# 一、nginx配置跨域 #

location / {  
        # 配置允许跨域的域名
        add_header Access-Control-Allow-Origin *;
        # 为 true 的时候指请求时可带上Cookie
        # add_header 'Access-Control-Allow-Credentials' 'true';
        # 配置允许的方法
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        # 允许请求头自定义的参数名称
        add_header Access-Control-Allow-Headers 'Authorization';
    
        if ($request_method = 'OPTIONS') {
            return 204;
        }
    }

# 二、部分错误 #

## 2.1 重复配置跨域错误 ##

The 'Access-Control-Allow-Origin' header contains multiple values'*, *', but only one is allowed

解决方案：检查是否nginx配置了跨域，代码中是否也设置了跨域。

## 2.2 配置冲突导致跨域失败 ##

Response to preflight request doesn't pass access control check: 
    The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'

这个错误就是一般因为前端有以下配置：

axios.defaults.withCredentials= true

ngnix或者后端设置跨域设置了Access-Control-Allow-Origin 的值为 '\*'。可以修改后端：

res.addHeader("Access-Control-Allow-Origin", req.getHeader("Origin"));
    res.addHeader("Access-Control-Allow-Credentials","true");

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关【跨域】如何解决跨域问题

同源策略同源相同协议+相同域名+相同端口内容 [浏览器的同源策略 - Web 安全 | MDN (mozilla.org)][- Web _ _

超、凢脫俗/ 2024年03月16日 13:32/ 0 赞/ 75 阅读

相关跨域、跨域问题

跨域(CORS)是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the

朴灿烈づ我的快乐病毒、/ 2023年09月27日 00:59/ 0 赞/ 137 阅读

相关跨域问题

跨域问题跨域请求协议不一致导致 IP地址的不一致导致端口不一致导致跨域跨域问题普遍存在前后端分离得开发模式

我会带着你远行/ 2022年12月20日 01:57/ 0 赞/ 173 阅读

相关 ngnix跨域问题整理

一、nginx配置跨域 location / { 配置允许跨域的域名 add_header Access-Control-A

分手后的思念是犯贱/ 2022年10月09日 12:17/ 0 赞/ 203 阅读

相关 [跨域]跨域解决方法之Ngnix反向代理

\[跨域\]跨域解决方法之Ngnix反向代理参考文章： [（1）\[跨域\]跨域解决方法之Ngnix反向代理][1_Ngnix] （2）https://www.cnbl

你的名字/ 2022年09月14日 09:56/ 0 赞/ 199 阅读

相关 Cordova Ajax请求跨域问题整理

一、默认情况下Cordova在页面中不能直接使用Ajax请求访问外域的数据异常1： ripple.js:51 Refused to connect to 'http://

小灰灰/ 2022年07月12日 08:00/ 0 赞/ 440 阅读

相关 cookie 跨域访问整理

一、本文主要介绍Cookie同域单点登录单点登录实现环境：统一平台域名：www.hanj.com 子系统1：a.hanj.com

╰+哭是因爲堅強的太久メ/ 2022年06月03日 04:37/ 0 赞/ 154 阅读

相关跨域问题

确实，我们这种搬砖工人就是为了混口饭吃嘛，好好的调个接口告诉我跨域了，这种阻碍我们轻松搬砖的事情真恶心！为什么会跨域？是谁在搞事情？为了找到这个问题的始作俑者，请

ゝ一世哀愁。/ 2022年01月14日 13:01/ 0 赞/ 304 阅读

相关跨域问题

一.http （一）.http请求的推演过程 1. url(www.baidu.com) =>进行DNS域名解析 => 得到 ip (192.1

一时失言乱红尘/ 2021年09月03日 08:04/ 0 赞/ 640 阅读

相关跨域问题

使用vue访问springboot java后台api时候，出现错误：已拦截跨源请求：同源策略禁止读取位于 https://xxxxi/xxx/xx/xxxi/ad

痛定思痛。/ 2021年09月01日 04:42/ 0 赞/ 469 阅读