vue項目中緩存問題

單頁面應用老是存在緩存問題，特別是在微信端，更新頁面以後訪問的仍是老頁面，緩存的問題是由於用戶訪問的腳本地址並無改變，瀏覽器就會讀取原來的腳本

網上有幾種解決辦法，首先列舉一下

1.加meta，禁止頁面緩存

若是有些功能須要頁面緩存的話這種方式就不適用，並且禁止緩存以後用戶的請求的次數就會增多，流量消耗過快。

2.手動改變腳本地址，webpack打包的時候加一個版本號，這樣每次打包的腳本路徑就不一樣，瀏覽器就會從新讀取腳本，解決緩存問題，上圖說話

在config下的index.js中加一個version變量，而後修改assetsSubDirectory，而後打包以後就會是下圖這種

這種測試過，有一個問題，就是項目中css中若是有使用背景圖，背景圖就會找不到，圖片路徑有問題，目前我沒有辦法解決，若是有大佬能解決，能夠留言，多謝

3.加時間戳的方法，html頁面加載腳本的時候給腳本後面加一個時間戳，原理和第二種同樣，改變路徑。直接上圖

按照圖上面加一個hash屬性，獲取時間戳

這是沒加以前的

這是加過以後的