Nginx下Ionic 5调用OAuth2令牌接口遭CORS拦截问题求助

核心问题是浏览器发送的OPTIONS预检请求未得到200系列成功响应。Postman/curl不会触发跨域预检流程，所以能正常请求；而浏览器会先发送OPTIONS请求验证跨域权限，若该请求返回非200状态，就会被CORS机制拦截。

修复步骤 #

1. 在Nginx中直接处理OPTIONS请求 #

修改你的nginx.conf，在server块内添加专门处理OPTIONS请求的规则，直接返回成功状态并带上完整CORS头，无需转发到PHP后端：

server {
    listen       80;
    server_name  localhost;
    root /opt/homebrew/var/www/mySymfony3Api/public;
    index index.php index.html index.htm;

    # 优先处理OPTIONS预检请求
    if ($request_method = OPTIONS) {
        add_header 'Access-Control-Allow-Origin' 'http://localhost:8100';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization';
        # 若前端请求带凭证（如Cookie），需添加此头
        add_header 'Access-Control-Allow-Credentials' 'true';
        # 返回204无内容是预检请求的标准响应
        return 204;
    }

    # 为所有请求添加CORS头（always确保错误响应也能带上）
    add_header 'Access-Control-Allow-Origin' 'http://localhost:8100' always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization' always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;

    location / {
        try_files $uri $uri/ /index.php$is_args$args;
    }

    # PHP请求处理规则（确保存在此配置）
    location ~ \.php$ {
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}

2. 关键细节说明 #

• always关键字：默认Nginx仅在200/201等成功响应码时添加add_header内容，加上always后，所有响应（包括错误状态）都会带上CORS头，避免预检或正常请求漏带头信息。
• 避免重复配置：你之前在http、server、location层重复添加CORS头，统一在server层配置即可，减少冗余且避免冲突。
• OPTIONS直接返回204：预检请求不需要返回实体内容，204是符合标准的无内容响应，比200更适配场景。

3. 验证修改效果 #

1. 重启Nginx服务：brew services restart nginx
2. 打开浏览器开发者工具的网络面板，查看/oauth/v2/token对应的OPTIONS请求，确认状态码为204且响应头包含完整CORS配置。

为什么之前的GET接口正常？ #

GET请求属于简单跨域请求，浏览器不会触发预检OPTIONS流程，直接发送实际请求并检查返回的CORS头，所以你的原有配置能生效。而带Content-Type: application/json的POST请求属于非简单请求，必须先发送预检OPTIONS验证权限，这就是令牌接口失败的核心原因。

内容的提问来源于stack exchange，提问作者David