微服务架构下CORS问题求助：Freebox环境AJAX POST请求失败

我之前碰到过类似Freebox内置服务器截胡请求的情况，结合你的描述，给你几个针对性的排查和解决步骤：

1. 确认Freebox确实在拦截OPTIONS请求 #

先通过命令行验证请求的去向，打开终端执行：

curl -X OPTIONS https://mysite.no-ip.com/core/blabla -v

查看返回的响应头，如果能看到Server: Apache或者Freebox相关的标识，那就能确定是Freebox的内置服务器在处理这个OPTIONS请求，而没有转发到你的树莓派NGINX。

2. 调整Freebox的端口转发配置 #

Freebox的端口转发有时候会对特定请求方法（比如OPTIONS）做特殊处理，或者端口本身被内置服务占用：

• 进入Freebox管理界面，找到端口转发（Port forwarding）设置，确保你配置的28800端口是转发所有TCP/UDP协议，而不是限定特定HTTP方法。
• 检查Freebox自身有没有使用28800端口：在Freebox的“网络服务”或者“HTTP服务器”设置里，看看有没有开启占用该端口的服务，如果有，换一个未被使用的端口（比如28801）重新配置转发。
• 部分Freebox型号有“域名白名单”或者“请求拦截”功能，尝试把你的mysite.no-ip.com加入白名单，让Freebox不处理该域名的请求，直接转发到树莓派。

3. 优化NGINX的CORS配置（提前确保配置正确） #

你当前用if指令处理CORS的方式在NGINX里存在一些潜在问题，建议改成更可靠的写法，同时添加always参数保证响应头在所有场景下都能被添加：

server {
    listen 80;
    server_name mysite.no-ip.com;

    location / {
        alias /path/to/root/production/folder/here;
    }

    location /core/ {
        # 专门处理OPTIONS预检请求
        if ($request_method = OPTIONS) {
            add_header 'Access-Control-Allow-Origin' '*' always;
            add_header 'Access-Control-Allow-Credentials' 'true' always;
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type' always;
            add_header 'Access-Control-Max-Age' 1728000 always;
            add_header 'Content-Type' 'text/plain; charset=UTF-8' always;
            add_header 'Content-Length' 0 always;
            return 204;
        }

        # 给其他请求添加CORS头
        add_header 'Access-Control-Allow-Origin' '*' always;
        add_header 'Access-Control-Allow-Credentials' 'true' always;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type' always;

        proxy_pass http://localhost:8002/;
    }
}

修改后记得重启NGINX：sudo systemctl restart nginx

4. 验证解决效果 #

调整完Freebox配置后，再用之前的curl命令测试OPTIONS请求，如果响应头里出现Server: nginx，说明请求已经正确转发到树莓派了，这时候再测试前端的AJAX POST请求，CORS问题应该就能解决了。

内容的提问来源于stack exchange，提问作者jai-f