SW-Toolbox阻止加載跨域視頻

Question

我在應用中使用Google的SW-Toolbox庫來處理服務人員的職責； 但是，每當我嘗試從Parse加載視頻（使用Parse進行文件托管）時，控制台中都會出現一系列與CORS相關的錯誤，並且視頻不會顯示。 我知道涉及SW-Toolbox，因為當我刪除服務工作者時，或者在不支持服務工作者的瀏覽器中，視頻加載正常。 任何人都可以幫助解密這些錯誤和/或提供解決方法嗎？ 謝謝。

我渲染視頻的代碼實際上只是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>

注意：這不僅僅是一個解析問題； 我嘗試了來自網絡（ http://techslides.com/demos/sample-videos/small.mp4 ）的另一個隨機mp4 URL，並遇到了同樣的問題。

Answer 1

第一個錯誤“獲取API無法加載…”，表示您的服務工作者正在攔截對視頻的請求（該請求是跨源請求），並嘗試獲取文件本身。 但是服務器不允許跨域請求，因此提取失敗。

這聽起來很像sw-toolbox錯誤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-toolbox意味着確保您沒有使用event.respondWith()定義處理請求的路由（既不是特定路由也不是默認路由）。