google-chrome - 请求文件的 CORS 问题（仅在 Google Chrome 上）

问题描述

我有一个 .Net Core API 和一个使用 BabylonJs 渲染一些 3D 模型的 React 应用程序。在我的服务器端，我存储了客户端请求渲染到场景中的 3D 模型。为了做到这一点，我已经允许UseFileServer并UseStaticFiles在我的 .Net Core 服务器上。我还创建了一个策略来申请需要 CORS 策略的请求。我实施的政策如下：

services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy", policyBuilder => policyBuilder
                    .AllowAnyHeader()
                    .SetIsOriginAllowedToAllowWildcardSubdomains()
                    .AllowAnyMethod()
                    .SetIsOriginAllowed((host) => true)
                    .AllowCredentials());
        });

我通过以下方式将其应用于针对静态文件的请求：

app.UseFileServer(enableDirectoryBrowsing: true);
app.UseStaticFiles(fileOptions);

在客户端，Babylon 库通过以下方式完成请求：

SceneLoader.ImportMeshAsync(
      "",
      "http://localhost:9001/resources/objects/",
      "sphere.glb",
      scene
    )
      .then((result) => {
        result.renderingGroupId = 1;
        scene.createDefaultCamera(true, true, true);
        scene.activeCamera.alpha += Math.PI;
      })
      .catch((error) => {
        return null;
      });

发生的情况是，我仅在 google chrome 上收到以下错误，在 Firefox 上和 Opera 上都没有。