Nginx的Access-Control-Allow-Origin标头包含多个值

当在Nginx中使用CORS (Cross-Origin Resource Sharing)时，Access-Control-Allow-Origin标头用于授权访问来自不同域的资源。 但是，该标头只允许一个值。

如果在Nginx配置中指定了多个值，则会收到以下错误消息：nginx 的 'Access-Control-Allow-Origin' 标头包含多个值 'http: localhost:3002, http: localhost:3002'，但只允许一个。

这种情况下，您需要修改配置文件以允许仅一个域。

解决方案

要解决此问题，请按照以下步骤操作：

1. 打开您的Nginx服务配置文件。
2. 找到您的CORS配置段。
3. 仅使用一个域指定Access-Control-Allow-Origin标头。

以下是此配置更改的示例：

location / {
    if ($request_method = OPTIONS) {
        add_header 'Access-Control-Allow-Origin' 'http://localhost:3002';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }
    add_header 'Access-Control-Allow-Origin' 'http://localhost:3002';
    # ... the rest of your location block settings
}

此示例显示如何仅允许一个域。 只需更改http://localhost:3002以允许另一个域。

结论

当在Nginx中使用CORS时，必须特别小心来正确配置Access-Control-Allow-Origin标头。 必须确保每个标头只包含一个域，否则您将收到类似的错误消息。 通过遵守上述步骤，您可以避免这些错误并保证CORS正确工作。