當我們在使用Vue進行開發時，經常會遇到這樣的情況：我們修改了圖片，但是在項目中卻不能及時刷新顯示出來。這是因為瀏覽器會緩存圖片，導致我們看到的是舊的圖片。為了解決這個問題，我們需要關閉圖片緩存。

Vue默認情況下會開啟圖片緩存，使用的是瀏覽器緩存機制。如果我們需要關閉圖片緩存，可以通過設置webpack的文件名后綴來實現。具體做法如下：

// webpack.base.conf.js
module.exports = {
// ...
output: {
// ...
filename: '[name].[hash].js',
chunkFilename: '[id].[hash].js'
}
}

在webpack.base.conf.js文件中，我們可以看到輸出filename和chunkFilename兩個屬性。我們只需要在這兩個屬性后添加[hash]，就可以在每次編譯時給文件名添加hash值。這樣，當文件內容發生改變時，其hash值也會改變，從而讓瀏覽器重新加載該文件。

需要注意的是，如果我們對圖片進行了修改，則需要重新打包整個項目以生成新增圖片的hash值。如果我們只是修改了css或js文件，則可以使用webpack-dev-server進行熱加載，不需要重新打包整個項目。

除了修改webpack的文件名后綴，還有一種方法可以關閉圖片緩存，那就是在圖片的URL后面添加一個隨機數。這樣可以避免后綴名變化的問題，但是需要手動添加隨機數，比較麻煩。

在使用圖片時，我們可以在圖片URL后加上一個隨機數。這個隨機數可以使用Math.random()生成，每次不同的值都可以實現圖片緩存的關閉。

以上兩種方法都可以關閉圖片緩存，具體使用哪種方法可以根據項目需求自行選擇。在工程化的開發中，我們通常是使用 webpack 的更改后綴名的方式來實現靜態資源的版本控制和長時間緩存。而如果只是臨時關閉圖片緩存的話，可以采用添加隨機數的方式曲線救國。