解决跨域问题中的重复 access-control-allow-origin

当在新开的浏览器页面中第一次调用跨域接口时，会出现重复的 access-control-allow-origin 响应头，导致跨域错误。这种问题通常出现在 iframe 嵌套的页面中。

Nginx Reverse Proxy

配置 Nginx 反向代理，实现域名绑定。用户说“绑定域名”“配置 Nginx”“反向代理”时触发，将域名绑定到指定 IP:端口。

下载

要解决此问题，可以检查后端的配置，尤其是当状态码为 401 时的配置。以下是 nginx 配置文件中的一个示例，供参考：

server {
    listen 80;
    server_name example.com;

    location / {
        # ... 认证设置

        # 成功请求时添加响应头
        add_header Access-Control-Allow-Origin '*';
        
        # 401 Unauthorized 的自定义错误页面
        error_page 401 = @error401;
    }

    location @error401 {
        # 添加 Access-Control-Allow-Origin 响应头
        add_header Access-Control-Allow-Origin '*';
        # ... 其他跨域相关的配置
        
        # 返回默认 401 状态
        return 401;
    }
}

将 @error401 位置块中的 access-control-allow-origin 响应头移除，将有助于防止重复的响应头。检查后端配置是否符合此要求，有助于解决第一次调用接口时出现的重复 access-control-allow-origin 问题。