解決客戶端快取的問題

快取分為服務端快取和客戶端快取，服務端快取一般都是讓運維去清理一下快取，剩下來的快取就需要前端或者前端和後台協同解決了。

瀏覽器的快取真的是讓人又愛又恨，他可以幫助我們加快頁面響應速度，同時也會帶來開發中的困難。當瀏覽器讀取相同的檔名時，瀏覽器會去讀取快取中的檔案，而不是從服務端讀取檔案，這樣就造成了服務端修改了頁面客戶端確遲遲不顯示。

讓瀏覽器讀取的檔名每次都不一致就可以解決客戶端快取的問題。

解決思路

?t=2214655121635

下面說的情況就是大多數人想要看到的情況，源**都發生改變了，客戶端就是不變，真是讓人頭疼。

這是時候我們可以運用我們的webpack打包工具了，每次時建立不同的檔名，這樣客戶端就回去讀取最新的檔案了。

還是以dva cli為例，我們在.webpackrc中新增hash屬性

這時打包就會發現檔名全部帶上了hash值，你會高興的將打包好的檔案發給運維，正當你得意洋洋準備開啟頁面檢視時，頁面竟然報錯進不去了。

原來是應為你打包了但是頁面並沒有去引用他，這個時候我們就有兩種情況解決，第一手動引入，改變html引入的css和js檔案，但是我們是不可能這麼做的，我們需要再次配置webpack打包。

刪除./public/index.html檔案，在./src頁面下建立index.ejs檔案，內容和./public/index.html檔案一致，但是記得刪除到引用的css和js。


,// ...
}

然後我們在.webpackrc檔案中配置html的模板，再次打包就可以發現html自動引入了含有hash的css和js檔案。