Go跨域CORS接口调用失败？从预检请求到Access-Control头全路径调试（含curl -v完整抓包分析）

第一章：Go跨域CORS接口调用失败的典型现象与定位原则

常见失败现象

前端发起请求时控制台报错 Blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource；或出现预检（OPTIONS）请求返回 404/405，后续实际请求未发出；亦或响应头中 Access-Control-Allow-Origin 值为 null 或与请求源不匹配，导致凭证（如 Cookie、Authorization）被拒绝携带。

根本原因分类

服务端未正确设置响应头（如缺失 Access-Control-Allow-Origin、Access-Control-Allow-Methods 等）
预检请求未被 Go HTTP 服务器显式处理（尤其当使用自定义路由或中间件时）
凭证模式（credentials: 'include'）下，Access-Control-Allow-Origin 不可设为通配符 *
请求头含自定义字段（如 X-Auth-Token）但未在 Access-Control-Allow-Headers 中声明

快速定位步骤

使用 curl -v 检查原始响应头：

curl -v -H "Origin: https://example.com" \
 -H "Access-Control-Request-Method: POST" \
 -X OPTIONS http://localhost:8080/api/data

观察是否返回 200 OK 及关键 CORS 头是否存在。

在 Go 服务中启用日志中间件，打印每条请求的路径、方法及响应头：

func corsMiddleware(next http.Handler) http.Handler {
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
    log.Printf("CORS check: %s %s | Origin: %s", r.Method, r.URL.Path, r.Header.Get("Origin"))
    next.ServeHTTP(w, r)
})
}

验证浏览器开发者工具 Network 面板中：	请求阶段	关键检查项
OPTIONS 请求	状态码、`Access-Control-Allow-*` 头是否完整
实际请求（如 POST）	`Access-Control-Allow-Origin` 是否匹配请求源，且非 `*`（若带 credentials）

排查优先级建议

优先确认预检请求是否抵达 Go 服务（通过日志或断点）
检查中间件注册顺序：CORS 中间件必须在路由之前生效
若使用 Gin/Echo 等框架，确认 CORS 插件是否已启用且配置未被覆盖

第二章：Go HTTP客户端基础调用与CORS预检机制解析

2.1 原生net/http发起GET/POST请求并捕获预检OPTIONS行为

CORS预检机制触发条件

当请求满足以下任一条件时，浏览器自动发出 OPTIONS 预检：

使用 Content-Type: application/json 等非简单类型
设置自定义请求头（如 X-Auth-Token）
使用 PUT/DELETE 等非简单方法

捕获预检请求的HTTP服务端示例

http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
    // 打印所有请求方法，可观察到OPTIONS先行到达
    log.Printf("Method: %s, Path: %s", r.Method, r.URL.Path)

    if r.Method == "OPTIONS" {
        w.Header().Set("Access-Control-Allow-Origin", "*")
        w.Header().Set("Access-Control-Allow-Methods", "GET, POST, PUT")
        w.Header().Set("Access-Control-Allow-Headers", "Content-Type, X-Auth-Token")
        w.WriteHeader(http.StatusOK)
        return
    }

    // 实际业务处理（GET/POST）
    w.WriteHeader(http.StatusOK)
    w.Write([]byte("OK"))
})

逻辑分析：服务端需显式响应 OPTIONS 请求并设置CORS头；Access-Control-Allow-Headers 必须精确匹配前端发送的自定义头，否则预检失败。net/http 不自动拦截或重写预检，完全由开发者控制响应流程。

预检关键响应头对照表

响应头	作用	示例值
`Access-Control-Allow-Origin`	允许跨域源	`https://example.com` 或 `*`
`Access-Control-Allow-Methods`	允许的HTTP方法	`GET, POST`
`Access-Control-Allow-Headers`	允许的请求头	`Content-Type, Authorization`

graph TD
    A[浏览器发起POST] --> B{是否触发预检？}
    B -->|是| C[发送OPTIONS请求]
    C --> D[服务端返回CORS头]
    D --> E[预检通过？]
    E -->|是| F[发送原始POST]
    E -->|否| G[抛出CORS错误]

2.2 使用http.Client自定义Transport绕过默认CORS限制（含TLS配置与超时控制）

浏览器的 CORS 是客户端安全策略，服务端无法“绕过”它；但 Go 的 http.Client 本身不执行 CORS 检查——它只发起 HTTP 请求。所谓“绕过”，实为在服务端代理或 CLI 工具中规避浏览器沙箱限制。

自定义 Transport 的核心价值

替换默认 http.DefaultTransport，精细控制连接复用、TLS 验证、超时行为
与 http.Client 组合，构建高可靠、可审计的 HTTP 客户端

关键配置项对比

配置项	默认值	推荐生产值	作用说明
`TLSClientConfig.InsecureSkipVerify`	`false`	`false`（调试时临时设 `true`）	控制是否跳过证书校验
`Timeout`	（无限制）	`30 * time.Second`	整个请求生命周期上限
`IdleConnTimeout`	`30 * time.Second`	`90 * time.Second`	空闲连接保活时间

示例：安全可控的 Client 构建

transport := &http.Transport{
    TLSClientConfig: &tls.Config{InsecureSkipVerify: false}, // 生产环境严禁 true
    IdleConnTimeout:   90 * time.Second,
    TLSHandshakeTimeout: 10 * time.Second,
}
client := &http.Client{
    Transport: transport,
    Timeout:   30 * time.Second,
}

此配置显式禁用不安全 TLS 跳过，设置握手与整体超时，避免连接泄漏与无限等待。Timeout 作用于整个 Do() 调用，而 TLSHandshakeTimeout 仅约束 TLS 握手阶段——二者协同实现分层超时控制。

2.3 模拟浏览器预检请求：手动构造OPTIONS请求验证服务端响应头完整性

CORS 预检请求由浏览器自动触发，但调试时需主动模拟以验证服务端是否正确返回必需响应头。

为什么手动发起 OPTIONS 请求？

排除浏览器缓存干扰
精确控制请求头（如 Origin、Access-Control-Request-Method）
验证服务端是否动态响应不同源策略

使用 cURL 构造预检请求

curl -X OPTIONS \
  -H "Origin: https://example.com" \
  -H "Access-Control-Request-Method: POST" \
  -H "Access-Control-Request-Headers: X-API-Key, Content-Type" \
  -I https://api.example.com/v1/data

逻辑分析：-I 获取响应头而非正文；Origin 触发 CORS 检查；Access-Control-Request-* 头告知服务端后续实际请求的特征。服务端必须返回 Access-Control-Allow-Origin、Access-Control-Allow-Methods 等头，否则浏览器将拒绝后续请求。

必需响应头校验表

响应头	是否必需	说明
`Access-Control-Allow-Origin`	✅	必须精确匹配或为 `*`（若无凭证）
`Access-Control-Allow-Methods`	✅	应包含实际请求方法（如 `POST`）
`Access-Control-Allow-Headers`	⚠️	若预检中声明了自定义头，则必需

预检流程示意

graph TD
  A[浏览器发出 OPTIONS] --> B{服务端检查 Origin & Method}
  B --> C[返回 CORS 响应头]
  C --> D[浏览器校验头完整性]
  D -->|全部通过| E[发送真实请求]
  D -->|缺失/不匹配| F[抛出 CORS 错误]

2.4 分析curl -v抓包输出：从TCP握手→DNS解析→HTTP状态码→响应头逐层解构

DNS解析阶段

* Trying 142.250.191.14:443...
* Connected to www.google.com (142.250.191.14) port 443 (#0)
说明：curl 先发起 DNS 查询（未显式打印，但 Trying 后 IP 已知），再建立 TCP 连接。

TCP与TLS握手（精简输出）

* TLS 1.3 connection using TLS_AES_256_GCM_SHA384
* Server certificate: CN=www.google.com

该日志表明已完成 TCP 三次握手及 TLS 1.3 协商，证书链已校验。

HTTP事务流

阶段	日志片段示例
请求行	`> GET / HTTP/1.1`
响应状态	`< HTTP/1.1 200 OK`
关键响应头	`< content-type: text/html; charset=ISO-8859-1`

响应头语义解析

< cache-control: private, max-age=0 表明资源不可被中间代理缓存；
< x-frame-options: SAMEORIGIN 防止点击劫持。

graph TD
A[DNS解析] –> B[TCP三次握手] –> C[TLS协商] –> D[HTTP请求发送] –> E[状态码+响应头解析]

2.5 结合Wireshark与go tool trace定位预检失败的底层网络时序异常

预检请求（OPTIONS）时序断裂典型表现

当CORS预检失败时，Wireshark常捕获到：

OPTIONS请求发出后无响应（TCP重传或RST）
或响应延迟远超Access-Control-Max-Age设定值

双工具协同分析流程

# 启动带trace的Go服务（需编译时启用net/http/pprof）
go run -gcflags="-l" main.go &  
go tool trace ./trace.out  # 在浏览器中打开trace UI

此命令启用函数内联抑制以保留更细粒度调度事件；trace.out包含goroutine阻塞、网络系统调用（如sysread）、GC暂停等关键时序点，可与Wireshark时间戳对齐。

Wireshark与trace时间轴对齐技巧

Wireshark字段	go tool trace对应事件
Frame.Time	`wall clock time`（纳秒级）
TCP Seq/Ack	`netpoll`唤醒与`read`系统调用
HTTP Status Code	`http.HandlerFunc`返回时机

关键诊断路径

graph TD
A[Wireshark发现OPTIONS超时] --> B[提取对应时间戳]
B --> C[在go tool trace中搜索相近wall time]
C --> D[定位阻塞goroutine：netpollWait→syscall.Syscall→read]
D --> E[确认是否因TLS握手阻塞或SO_RCVBUF满]

第三章：服务端Access-Control响应头的精准配置实践

3.1 Access-Control-Allow-Origin的动态匹配与通配符安全边界分析

Access-Control-Allow-Origin（ACAO）的静态值（如 https://example.com）无法满足多租户或 SaaS 场景下动态域名白名单需求，但动态拼接存在严重 XSS 与信任泄露风险。

动态匹配常见误用模式

直接反射请求头 Origin（无校验）→ 允许任意源
正则宽松匹配（如 .*\.trusted\.com）→ 可被 evil.trusted.com.attacker.com 绕过
通配符 * 与凭据冲突：credentials: true 时禁止使用 *

安全的动态匹配实现（Node.js 示例）

// ✅ 安全：预定义白名单 + 严格完全匹配
const ALLOWED_ORIGINS = new Set([
  'https://app.customer-a.com',
  'https://dashboard.customer-b.io'
]);

app.use((req, res, next) => {
  const origin = req.headers.origin;
  if (origin && ALLOWED_ORIGINS.has(origin)) {
    res.setHeader('Access-Control-Allow-Origin', origin); // 非通配符，显式回写
    res.setHeader('Vary', 'Origin'); // 告知缓存按 Origin 分离
  }
  next();
});

逻辑分析：ALLOWED_ORIGINS.has(origin) 执行精确字符串比对，杜绝正则/子串/协议混淆漏洞；Vary: Origin 防止 CDN 缓存污染；绝不拼接用户输入。

通配符 `*` 的安全边界对照表

场景	是否允许 `*`	原因
`credentials: false`（无 Cookie）	✅ 允许	无敏感上下文泄露风险
`credentials: true`（含 Cookie）	❌ 禁止	浏览器强制拒绝，防止 CSRF 扩展攻击
`Content-Type: application/json`	✅ 允许（同上）	决定权仅在 credentials

graph TD
  A[收到 CORS 请求] --> B{Origin 在白名单中？}
  B -->|是| C[设置 ACAO=Origin + Vary: Origin]
  B -->|否| D[不设 ACAO 或设为 null]
  C --> E[浏览器放行响应]
  D --> F[触发 CORS 错误]

3.2 Credentials支持下的Allow-Credentials与Origin严格校验联动实现

当客户端携带 Cookie 或 Authorization 头发起跨域请求时，服务端必须显式启用 Access-Control-Allow-Credentials: true，但该响应头禁止与 Access-Control-Allow-Origin: * 共存——必须指定精确的 Origin 值。

核心校验逻辑

浏览器仅在 Origin 请求头值与响应中 Access-Control-Allow-Origin 完全匹配（含协议、端口、域名）时，才允许前端读取响应；
若 Origin 不匹配或为通配符，即使凭证已发送，浏览器将静默拒绝响应。

服务端校验示例（Node.js/Express）

app.use((req, res, next) => {
  const origin = req.headers.origin;
  // 白名单校验：仅允许可信源（禁止正则模糊匹配，防止绕过）
  const allowedOrigins = ['https://app.example.com', 'https://dashboard.example.com'];
  if (allowedOrigins.includes(origin)) {
    res.setHeader('Access-Control-Allow-Origin', origin); // ✅ 精确回写
    res.setHeader('Access-Control-Allow-Credentials', 'true');
  }
  next();
});

逻辑分析：origin 必须原样回写（不可截断或转换），否则浏览器判定不匹配；Allow-Credentials: true 是开启凭证传输的开关，但其生效前提永远是 Origin 的字面量一致校验。

常见错误对照表

错误配置	后果
`Access-Control-Allow-Origin: *` + `Allow-Credentials: true`	浏览器直接拒绝响应，控制台报 CORS 错误
`Origin: https://a.example.com` → 回写 `https://example.com`	不匹配，凭证被丢弃

graph TD
  A[Client sends request with credentials] --> B{Server checks Origin header}
  B -->|Matched in whitelist| C[Set exact Origin + Allow-Credentials: true]
  B -->|Not matched or wildcard| D[Omit Allow-Credentials or reject]
  C --> E[Browser exposes response to JS]

3.3 Allow-Headers与Exposed-Headers在自定义Header场景下的双向声明验证

CORS预检请求中，Access-Control-Allow-Headers（服务端响应）与客户端实际发送的headers必须严格匹配，否则预检失败；而Access-Control-Expose-Headers则控制哪些自定义响应头可被前端JavaScript读取。

常见声明错配场景

客户端发送 X-Request-ID，但服务端未将其列入 Allow-Headers
响应含 X-Rate-Limit-Remaining，但未在 Expose-Headers 中声明 → response.headers.get('X-Rate-Limit-Remaining') 返回 null

配置示例（Express.js）

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', 'https://example.com');
  res.header('Access-Control-Allow-Headers', 'Content-Type, X-Request-ID, Authorization'); // 允许客户端传入
  res.header('Access-Control-Expose-Headers', 'X-Request-ID, X-Rate-Limit-Remaining'); // 允许前端读取
  next();
});

逻辑分析：Allow-Headers 是服务端对客户端请求头的白名单校验；Expose-Headers 是服务端对响应头的“可见性授权”，二者缺一不可。若仅声明 Allow-Headers 而遗漏 Expose-Headers，前端无法访问自定义响应头。

双向验证对照表

方向	Header字段	作用	是否必需
请求侧	`Access-Control-Request-Headers`	告知服务端将发送哪些自定义请求头	预检时自动携带
响应侧	`Access-Control-Allow-Headers`	服务端声明允许的请求头	预检响应必含
响应侧	`Access-Control-Expose-Headers`	声明可被JS读取的响应头	非预检必含，但读取自定义头时必需

验证流程（Mermaid）

graph TD
  A[客户端发起带X-Request-ID的请求] --> B{是否为预检？}
  B -->|是| C[OPTIONS请求携带Access-Control-Request-Headers]
  C --> D[服务端比对Allow-Headers]
  D -->|匹配| E[返回204+Allow-Headers/Expose-Headers]
  D -->|不匹配| F[拒绝，403]
  E --> G[客户端发送实际请求]
  G --> H[读取X-Rate-Limit-Remaining?]
  H -->|Expose-Headers含该字段| I[成功获取]
  H -->|未声明| J[返回undefined]

第四章：Go客户端全链路CORS调试工具链构建

4.1 封装可调试HTTP客户端：集成请求/响应日志、Header审计与预检自动重试

核心能力设计

请求/响应全链路日志（含时间戳、状态码、耗时）
自动拦截并校验敏感 Header（如 Authorization、X-Trace-ID）
对 401（未认证）和 429（限流）触发带退避的预检重试

日志与审计中间件示例

const debugInterceptor = (config: AxiosRequestConfig) => {
  console.log(`[REQ] ${config.method?.toUpperCase()} ${config.url}`, {
    headers: config.headers,
    timestamp: new Date().toISOString()
  });
  return config;
};

逻辑分析：该拦截器在请求发出前打印结构化日志；config.headers 可进一步做白名单校验（如禁止 Cookie 泄露至第三方域）；timestamp 支持后续日志关联分析。

重试策略配置表

状态码	最大重试次数	退避间隔（ms）	是否刷新 Token
401	1	0	是
429	3	[100, 300, 600]	否

执行流程

graph TD
  A[发起请求] --> B{响应状态}
  B -->|401| C[刷新Token]
  B -->|429| D[指数退避]
  C & D --> E[重发请求]
  B -->|2xx/其他| F[返回结果]

4.2 构建本地CORS代理中间件（基于gorilla/handlers）实现开发环境透传调试

在前端开发中，浏览器同源策略常阻断本地 http://localhost:3000 对后端 https://api.example.com 的请求。直接禁用浏览器安全策略既不安全也不可持续。

为什么选择 gorilla/handlers？

轻量、标准 net/http 兼容
提供开箱即用的 CORS 中间件
支持细粒度配置（如允许凭证、自定义头）

快速集成示例

package main

import (
    "log"
    "net/http"
    "github.com/gorilla/handlers"
)

func main() {
    r := http.NewServeMux()
    r.HandleFunc("/api/", proxyHandler) // 实际应接反向代理逻辑

    // 启用 CORS，仅限开发环境
    corsHandler := handlers.CORS(
        handlers.AllowedOrigins([]string{"http://localhost:3000"}),
        handlers.AllowedMethods([]string{"GET", "POST", "PUT", "DELETE", "OPTIONS"}),
        handlers.ExposedHeaders([]string{"X-Total-Count"}),
        handlers.AllowCredentials(), // 支持 cookies/session
    )(r)

    log.Fatal(http.ListenAndServe(":8080", corsHandler))
}

逻辑分析：handlers.CORS() 返回一个符合 http.Handler 接口的中间件函数。它自动处理 OPTIONS 预检请求，并为所有响应注入 Access-Control-* 头。AllowedOrigins 限定信任源，AllowCredentials 启用凭据透传，二者必须协同启用才可携带 Cookie。

配置对比表

选项	开发环境推荐值	生产环境建议
`AllowedOrigins`	`["http://localhost:3000"]`	明确域名列表，禁用 `*`
`AllowCredentials`	`true`	仅当需鉴权时启用
`ExposedHeaders`	`["X-Request-ID"]`	按需暴露自定义响应头

graph TD
    A[前端请求] --> B{CORS 中间件}
    B -->|Origin 匹配成功| C[添加 Access-Control-* 响应头]
    B -->|预检 OPTIONS 请求| D[返回 200 + CORS 头]
    C --> E[透传至下游 handler]
    D --> E

4.3 利用Go Test驱动端到端CORS场景验证：覆盖简单请求/预检请求/带凭证请求

三类CORS请求的测试边界

简单请求：GET/POST（text/plain）不触发预检
预检请求：PUT/DELETE 或 Content-Type: application/json 触发 OPTIONS
带凭证请求：需显式设置 Access-Control-Allow-Credentials: true 且 Origin 不可为 *

测试骨架与关键断言

func TestCORS_E2E(t *testing.T) {
    ts := httptest.NewServer(NewRouter()) // 启动被测服务
    defer ts.Close()

    // 简单请求验证
    resp, _ := http.Get(ts.URL + "/api/data")
    assert.Equal(t, 200, resp.StatusCode)
    assert.Equal(t, "http://localhost:3000", resp.Header.Get("Access-Control-Allow-Origin"))
}

逻辑说明：http.Get 自动省略 OPTIONS，直接发起简单请求；断言 Allow-Origin 值必须为具体源（非通配符），否则浏览器拒绝响应。

预检请求流程可视化

graph TD
A[客户端发起 PUT] --> B{是否满足简单请求条件？}
B -->|否| C[自动发送 OPTIONS]
C --> D[服务返回 204 + CORS 头]
D --> E[客户端发送真实 PUT]

凭证请求验证要点

请求类型	Credentials	Allow-Origin	允许通过
带 Cookie	`true`	`http://a.com`	✅
带 Cookie	`true`	`*`	❌（浏览器强制拦截）

4.4 对接OpenAPI Spec生成CORS兼容的客户端SDK并注入调试钩子

SDK生成与CORS适配

使用 openapi-generator-cli 基于规范自动生成 TypeScript SDK，并通过 --additional-properties 注入跨域配置：

openapi-generator-cli generate \
  -i openapi.yaml \
  -g typescript-axios \
  --additional-properties=usePromises=true,withInterfaces=true \
  --global-property=apis=,models= \
  -o ./sdk

该命令启用 Promise 接口、生成类型定义，并默认启用 axios 的 withCredentials: false，确保请求头不含 Cookie，满足多数 CORS 安全策略。

调试钩子注入机制

在生成的 configuration.ts 中扩展构造函数，支持运行时钩子注册：

export class Configuration {
  constructor(
    configuration?: Partial<ConfigurationParameters>,
    private readonly debugHook?: (req: any) => void // ← 注入点
  ) {
    if (debugHook) {
      this.debugHook = debugHook;
    }
  }
}

钩子在 requestInterceptor 中触发，便于捕获原始请求参数与响应元数据。

请求生命周期调试能力对比

钩子位置	可访问数据	是否支持修改请求
`debugHook`	URL、method、headers	否（只读快照）
`requestInterceptor`	Axios config 对象	是

graph TD
  A[OpenAPI Spec] --> B[openapi-generator]
  B --> C[CORS-ready SDK]
  C --> D[Configuration with debugHook]
  D --> E[Interceptor + Hook Chain]

第五章：从协议本质到工程落地——CORS问题的系统性规避策略

协议层真相：CORS不是“错误”，而是浏览器强制执行的安全协商机制

CORS（Cross-Origin Resource Sharing）本质上是浏览器基于同源策略对跨域请求施加的预检约束，而非服务端故障。当前端发起 POST 请求且含 Content-Type: application/json 或自定义 header 时，浏览器自动触发 OPTIONS 预检请求；若服务端未正确响应 Access-Control-Allow-Origin、Access-Control-Allow-Methods 等头字段，请求即被拦截。这并非后端“没开跨域”，而是协议握手失败。

Nginx反向代理：零代码改造的最稳定方案

在生产环境，将前端静态资源与API统一代理至同一域名下，彻底消除跨域场景。典型配置如下：

location /api/ {
    proxy_pass https://backend-service:8000/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

该方案使 https://app.example.com/api/users 实际转发至后端，浏览器全程视为同源请求，无需任何CORS头干预。

Spring Boot服务端精准配置示例

针对不同场景采用差异化策略：

场景	配置方式	安全风险
单页应用开发（localhost:3000）	`@CrossOrigin(origins = "http://localhost:3000")`	低（仅开发环境）
多租户SaaS平台	动态解析Origin并白名单校验	中（需严格验证域名格式）
公共开放API	`Access-Control-Allow-Origin: *` + `credentials: false`	高（禁止携带Cookie）

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/api/**")
                .allowedOrigins("https://app.example.com", "https://admin.example.com")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowCredentials(true)
                .maxAge(3600);
    }
}

前端Fetch封装规避预检陷阱

避免触发预检的三种实践：

使用 Content-Type: text/plain 替代 application/json（适用于简单数据）
移除所有自定义header（如 X-Request-ID）
对 GET/POST 请求优先采用 FormData 而非 JSON.stringify()

构建时环境变量驱动的跨域策略

通过Vite构建配置动态注入API Base URL：

// vite.config.js
export default defineConfig(({ mode }) => ({
  define: {
    __API_BASE__: mode === 'production' 
      ? '"https://api.example.com"' 
      : '"http://localhost:8000"'
  }
}))

前端调用时直接使用 fetch(__API_BASE__ + '/users')，构建产物中URL已固化，运行时无跨域问题。

真实故障复盘：某金融后台的CORS雪崩事件

2023年Q3，某券商管理后台因CDN缓存了带 Vary: Origin 的错误响应（Access-Control-Allow-Origin: null），导致所有跨域请求返回500。根因是Nginx配置中 add_header 覆盖了Spring Boot生成的CORS头。解决方案为移除Nginx的重复头设置，并启用 proxy_hide_header 过滤冲突头。

flowchart LR
A[前端发起POST请求] --> B{是否含自定义Header？}
B -- 是 --> C[浏览器发送OPTIONS预检]
B -- 否 --> D[直接发送主请求]
C --> E[服务端返回CORS头]
E -- 缺失Allow-Origin --> F[浏览器拦截]
E -- 正确响应 --> G[发起真实POST]
G --> H[返回业务数据]