1. 程式人生 > >關於解決專案執行時出現的快取問題

關於解決專案執行時出現的快取問題

解決方案

1:使用版本號,例如:app.js?v=1.0.1

使用版本號解決快取問題的優缺點:

  優點:可以解決瀏覽器快取問題

  缺點:使用了版本號之後,其他的資源也都需要加上版本號,一個版本升級,全部都升級(升級之後使用者訪問時需重新載入檔案)

2:更好的解決方法是:當檔案有改動的時候再更新他,沒有改動的時候就不變

  生成的css和js檔案以hash(雜湊)的形式載入,

  

 

  當更新完之後重新打包,更新了哪個檔案,頁面就重新載入哪個檔案,其他沒有更新的則是走的快取(webpack.prod.conf.js)

  

   減少資源請求,加快訪問速度

 

使用vue-cli腳手架搭建專案的時候,則是已經生成好相對應的方法,方便後續打包更新等操作