當Chrome訪問<code>https://vuejs.org/js/vue.min.js</code>時，Chrome如何從ServiceWorker

Question

加載`vue.min.js`，我發現它是從ServiceWorker加載的，它是如何工作的？ Screenshot of Chrome DevTool

Answer 1

服務人員是一段JavaScript代碼，瀏覽器在後臺運行。服務工作者在瀏覽器中運行的普通JavaScript代碼有一些特殊的權限，通常使用的是他們攔截fetch事件的能力。

任何時候客戶端請求文件都會激活提取事件。許多服務人員會將所有請求的文件下載到緩存中。第二次請求同一文件時，服務工作人員將介入並返回緩存的文件，而不發送任何http請求。

在這種特殊情況下，服務工作人員首次將vue文件的內容存儲到緩存中，這樣在未來頁面加載時就不再需要昂貴的網絡請求。