有時候我們修改文件的js或者css，打包上傳到服務(wù)器后盛卡，再訪問頁面，樣式或者圖片沒有及時更新筑凫，要手動清緩存才行滑沧。
以前我們是用版本號來解決這個問題，如：
<link rel="stylesheet" href="style.css?v=202007011113" />
只要改變版本號v的值巍实，就可以刷新瀏覽器端緩存滓技。
這么做的一個缺點是，每次更新css文件棚潦，都要手動改變版本號v的值令漂。
但在vue項目中，我們可以通過打包后自動生成的hash值來解決這個問題瓦盛，如下：
image.png
無論css還是js洗显，img等文件外潜，打包后原环，都會在文件后綴自動加上一個hash值，每次打包hash都不同处窥。
此外嘱吗，還需要在index.html中添加 meta，content="no-cache"表示每次打包更新都清緩存
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
以上。
