使用 ng2-adsk-forge-viewer 的 CORS 块/504 网关超时答案

【问题标题】：CORS block / 504 Gateway Timeout with ng2-adsk-forge-viewer使用 ng2-adsk-forge-viewer 的 CORS 块/504 网关超时
【发布时间】：2021-03-28 08:06:58
【问题描述】：

我们目前处于 Autodesk Forge Viewer 集成的评估阶段。

在显示查看器（ng2-adsk-forge-viewer，最新版本）时，我们在浏览器中收到了几天的 CORS 错误，并且查看器/文件未加载。 URN 和 Token 提交正确。免费试用未过期，还提供云积分。

我们在实施过程中没有改变任何东西，也无法解释是什么原因造成的。

谁能给我们建议？

控制台输出

Access to fetch at 'https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/res/locales/en/allstrings.json' from origin 'https://my.example' has been blocked by CORS policy: Request header field request-id is not allowed by Access-Control-Allow-Headers in preflight response.
Access to fetch at 'https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/lmvworker.min.js' from origin 'https://my.example' has been blocked by CORS policy: Request header field request-id is not allowed by Access-Control-Allow-Headers in preflight response.
Access to fetch at 'https://developer.api.autodesk.com/derivativeservice/v2/manifest/dXJuOmFkc2 ... EuZHhm?domain=https%3A%2F%2Fmy.example' from origin 'https://my.example' has been blocked by CORS policy: Request header field request-id is not allowed by Access-Control-Allow-Headers in preflight response.

请求标头

Request URL: https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/res/locales/en/allstrings.json
Request Method: GET
Status Code: 504 Gateway Timeout (from ServiceWorker)
Referrer Policy: strict-origin-when-cross-origin
Provisional headers are shown
accept: */*
content-type: application/x-www-form-urlencoded;charset=UTF-8
DNT: 1
Referer: https://my.example
Request-Context: appId=cid-v1:89141...
Request-Id: |4E...
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

【问题讨论】：

标签： angular autodesk-forge

【解决方案1】：

如错误所述，您的应用程序似乎正在请求一些带有 HTTP 标头 Request-Id 的查看器资产，而 Forge 服务器不允许这样做。您知道该请求可能来自哪里吗？

我还注意到响应来自 Service Worker - 是否可能以某种方式拦截和修改了对 https://developer.api.autodesk.com/modelderivative 端点的请求？

【讨论】：

【解决方案2】：

感谢您的回答。我们调查了问题是否是由服务人员引起的。我们发现问题是由错误的 Application-Insights 配置引起的。属性enableCorsCorrelation 已启用。这添加了 HTTP 标头 Request-Id。

【讨论】：