使用 Unity WEBGL 构建和 Chrome 扩展程序的 Chrome 浏览器中的 CORS 问题

如何解决使用 Unity WEBGL 构建和 Chrome 扩展程序的 Chrome 浏览器中的 CORS 问题

简介： 我正在使用 Unity WebGL build 在 Bowser 上播放内容，但在浏览器中 unity webgl build 需要时间来加载。所以为了不一次又一次地加载统一的 webgl 库，我有一个 chrome 扩展来加载统一的 webgl 构建一次并在其上播放内容。

内容是数据驱动的，所以一旦加载它就会从 s3 获取数据 [Audio,video,json]。

如果可用，我将使用扩展程序播放内容。否则我将在浏览器本身上播放内容。

测试场景 1：

设置： Chrome 扩展程序已禁用（开发者模式）。

步骤： 点击一个内容，它会正常播放。 现在启用 chrome 扩展（开发者模式） 尝试播放相同的内容，它会尝试在 Chrome 扩展程序中播放，播放正常。

测试场景 2：

设置： Chrome 扩展程序已启用（开发者模式）。

步骤：

点击一个内容，它会在扩展中播放。 禁用 chrome 扩展（开发者模式） 尝试播放相同的内容，它会尝试在浏览器中播放。

chrome 控制台错误：

从源 'url' 访问 XMLHttpRequest at 'File url' 已被 CORS 策略阻止：请求的资源上不存在 'Access-Control-Allow-Origin' 标头。

我的发现：

在测试场景 2 中，当我尝试在 extension 中播放内容时，所需的数据被提取并存储在浏览器的 Indexed db 中。 当我尝试在没有扩展的情况下播放时，浏览器正在尝试从索引数据库中获取数据，因为它已经下载并且由于 CORS 问题而失败。 笔记 ： 如果我们手动“清空缓存并重新加载”浏览器，这个问题将得到解决。

图像 1：加载没有扩展名的内容 - 第一次 链接：https://drive.google.com/file/d/1QtfMWeHtYjpDy_8jQvmGN2siM5SCEQ4n/view?usp=sharing

图像 2：再次加载相同的内容 - 第二次 链接：https://drive.google.com/file/d/1FNzZf_ZPXlCvF19Xhr3yUt3Y9xstMkf-/view?usp=sharing

图 3：测试场景 2 链接：https://drive.google.com/file/d/1vtCpYgsdQwAJ6hgPDCWSO_eajcdNrNHn/view?usp=sharing