基于Zoom Apps开发时后端API调用遭遇CORS问题求助
Zoom Apps实时口译应用CORS问题求助
问题核心
开发Zoom Apps实时口译应用时,仅Zoom Apps客户端直接发往后端服务器的请求触发CORS错误,通过NextJS代理转发的请求无异常。受影响的请求类型:
- SockJS + STOMP的WebSocket连接(路径:
/ws/chat/info) - 直接从后端获取图片的请求
系统架构与开发环境
- 前端:React + Next.js
- 后端:Spring Boot
- 第三方服务:客户端直接调用Azure STT服务
- 开发模式:本地通过ngrok处理OAuth认证,认证完成后跳转至前端服务器进行功能测试
- 端口配置:未使用3000、8080、443等知名端口
已尝试的解决方案
- 已将后端服务器URL添加至Zoom Apps的Domain Allow List
- 在Zoom Apps OWASP设置中包含后端服务器域名
- Spring Boot中针对
/ws/chat/info路径配置CORS规则 - 配置Spring Boot的WebSocketConfig开启CORS支持
- 通过OWASP设置为所有前端及后端请求添加CORS响应头
错误信息
- 错误1:浏览器提示CORS策略阻止请求,目标资源不存在
Access-Control-Allow-Origin响应头 - 错误2:针对
/ws/chat/info的OPTIONS预检请求返回403状态码
配置情况
- Zoom Apps应用凭据配置:已正确配置相关域名信息
- Zoom Apps OAuth允许列表:已包含后端服务器URL
- Zoom Apps域名允许列表:已添加后端服务器域名
内容的提问来源于stack exchange,提问作者inhyeok
相关产品推荐
相关产品推荐

