React前端用Axios调用API Gateway关联Lambda时出现CORS问题如何解决

• 检查OPTIONS方法的集成类型配置：默认点击「启用CORS」后，API Gateway会自动给对应资源创建OPTIONS方法，并且默认使用MOCK集成直接返回CORS响应，不会转发请求到Lambda。如果需要自定义预检逻辑，需要手动将OPTIONS方法的集成类型修改为Lambda代理集成或Lambda非代理集成，绑定你的目标Lambda函数。
• 检查Lambda调用权限：确认API Gateway已经获得调用对应Lambda函数的权限，OPTIONS方法的集成配置页面没有权限相关报错。
• 检查路径与方法的匹配规则：确认OPTIONS方法的配置路径和你实际请求的资源路径完全匹配，没有出现仅给业务请求方法（如GET/POST）绑定了Lambda、但遗漏同路径下OPTIONS方法绑定的情况。
• 确认配置已部署生效：所有修改完成后，必须将API重新部署到对应的调用阶段，新配置才会生效，避免本地测试控制台验证通过但线上阶段仍使用旧配置的问题。
• 检查缓存配置：如果你的API调用阶段开启了请求缓存，需要确认OPTIONS方法的缓存已被禁用，避免API Gateway直接返回缓存的预检响应，不转发请求到Lambda。
• 检查CORS规则匹配：如果预检请求携带了非标准请求头或者自定义凭证相关参数，需要确认API Gateway侧配置的CORS允许头、允许方法规则包含对应内容，否则API Gateway会直接拒绝非法预检请求，不会转发到Lambda。
• （HTTP API专属检查）如果使用的是HTTP API类型的API Gateway，需要确认路由配置中已经手动添加了对应路径的OPTIONS方法路由，并且绑定了Lambda集成，HTTP API默认不会自动创建OPTIONS方法的转发路由。

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