Angular应用调用API时PUT方法浏览器跨域报错如何解决？

• CORS校验用的Access-Control-Allow-*系列响应头必须由后端接口返回，你在前端Interceptor里加这些请求头完全没有作用，浏览器不会识别请求头里的CORS配置。
• 你的GET、POST请求能正常调用，是因为这两个属于简单请求，不需要预检，而PUT属于非简单请求，浏览器会先发送OPTIONS类型的预检请求，校验通过后才会发送真实的PUT请求，你当前后端返回的CORS头里没有包含PUT方法，也没有正确处理预检请求，所以报错。

1. 修正后端CORS配置
   检查你后端服务的CORS策略，确保Access-Control-Allow-Methods返回值明确包含PUT和OPTIONS，不要只开放GET、POST。
   举几个常见后端的配置示例：
   • .NET 后端：配置CORS策略时调用.WithMethods("GET","POST","PUT","DELETE","OPTIONS")
   • Express 后端：cors中间件配置里添加methods: "GET,PUT,POST,DELETE,OPTIONS"
   • Nginx 反向代理：在配置里添加add_header Access-Control-Allow-Methods 'GET, PUT, POST, DELETE, OPTIONS';
2. 显式处理OPTIONS预检请求
   大部分后端框架默认不会响应OPTIONS请求，需要单独配置：所有OPTIONS请求直接返回200/204状态码，同时带上完整的CORS响应头。
3. 清理前端无效配置
   删掉Interceptor里添加的所有Access-Control-Allow-*相关头，这些配置不仅无效，还可能触发额外的跨域校验规则导致报错。

打开浏览器控制台的「网络」标签，找到对应请求的OPTIONS预检记录，查看响应头：

• 确认Access-Control-Allow-Methods包含PUT
• 如果你的请求带Cookie、Authorization等身份凭证，不能用Access-Control-Allow-Origin: *，要指定前端的具体地址（比如http://localhost:4200），同时响应头要包含Access-Control-Allow-Credentials: true

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