SW-工具箱防止跨源视频加载。

Question

我在我的应用程序中使用Google的库来处理服务工作者的任务；然而，每当我尝试从Parse加载视频(使用Parse进行文件托管)时，我会在控制台中得到一系列与CORS相关的错误，并且视频不会显示。我知道supported是涉及到的，因为当我移除服务工作者，或者在不支持服务工作者的浏览器中，视频加载得很好。有人能帮助破译这些错误和/或提供一个解决办法吗？谢谢。

我的视频渲染代码实际上就是HTML5视频元素：

<video src="https://files.parsetfss.com/0e1eb489-e25d-429b-86a9-d75a65253a09/tfss-1eedfc22-4219-443d-9f16-0d879f2c378a-Taylor%20Swift%20-%20Blank%20Space.mp4" controls>

​

​

注意:这不仅仅是一个分析问题；我尝试了另一个随机的mp4网址(http://techslides.com/demos/sample-videos/small.mp4)，并且有同样的问题。

Answer 1

第一个错误是"Fetch不能加载…“，表示您的服务工作者正在拦截视频请求(这是一个跨源请求)，并试图获取文件本身；但是服务器不允许跨源请求，因此获取失败。

这听起来很像sw-工具箱bug https://github.com/GoogleChrome/sw-toolbox/issues/49，它受到Chrome https://bugs.chromium.org/p/chromium/issues/detail?id=546076的影响。

在https://github.com/GoogleChrome/sw-toolbox/issues/49#issuecomment-170868923中，建议的解决方法是不调用请求的提取处理程序中的event.respondWith()，这对于sw意味着确保不定义使用event.respondWith()处理请求的路由(既不是特定的路由，也不是默认的路由)。