Nginx CORB 跨域资源共享问题解决方法

要在 Nginx 中开放权限，以解决 CORB（Cross-Origin Read Blocking）问题，可以使用以下方法：

设置 Access-Control-Allow-Origin 头：在 Nginx 的配置文件中，添加以下行来设置 Access-Control-Allow-Origin 头，允许特定来源访问资源：

location / {
    add_header 'Access-Control-Allow-Origin' 'http://example.com';
    ...
}

将 http://example.com 替换为允许访问资源的来源地址。如果要允许任何来源访问资源，可以使用通配符 *。

设置 Access-Control-Allow-Headers 头：如果客户端请求中包含自定义标头，可以通过添加以下行来设置 Access-Control-Allow-Headers 头，允许特定的标头：

location / {
    add_header 'Access-Control-Allow-Origin' 'http://example.com';
    add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization';
    ...
}

将 Content-Type 和 Authorization 替换为允许的自定义标头。

设置 Access-Control-Allow-Methods 头：如果客户端请求中包含非 GET 或 POST 等其他 HTTP 方法，可以通过添加以下行来设置 Access-Control-Allow-Methods 头，允许特定的 HTTP 方法：

location / {
    add_header 'Access-Control-Allow-Origin' 'http://example.com';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    ...
}

将 GET、POST 和 OPTIONS 替换为允许的 HTTP 方法。

处理 OPTIONS 请求：在 Nginx 中，OPTIONS 请求通常用于检查服务器是否允许跨域请求。为了处理 OPTIONS 请求，可以添加以下配置：

location / {
    add_header 'Access-Control-Allow-Origin' 'http://example.com';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization';
    
    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }
    ...
}

这将返回一个 204 No Content 响应，以告知客户端服务器允许跨域请求。

注意：要使这些配置生效，确保将它们添加到正确的 Nginx 配置文件中，并重新加载或重启 Nginx 服务器。