一、在index.vue文件、HTML標簽設置HTTP頭信息
<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="expires" content="0">
備注：HTTP頭信息“Expires”和“Cache-Control”為應用程序服務器提供了一個控制瀏覽器和代理服務器上緩存的機制。HTTP頭信息Expires告訴代理服務器它的緩存頁面何時將過期。HTTP1.1規范中新定義的頭信息Cache-Control可以通知瀏覽器不緩存任何頁面。當點擊后退按鈕時，瀏覽器重新訪問服務器已獲取頁面。如下是使用Cache-Control的基本方法：
1) no-cache:強制緩存從服務器上獲取新的頁面
2) no-store: 在任何環境下緩存不保存任何頁面
HTTP1.0規范中的Pragma:no-cache等同於HTTP1.1規范中的Cache-Control:no-cache，同樣可以包含在頭信息中。
二、在根目錄下創建vue.config.js文件
const path = require("path"); // 獲取當前的時間戳 let timeStamp = new Date().getTime(); module.exports = { publicPath: "./", filenameHashing: false, // 打包的時候不使用hash值.因為我們有時間戳來確定項目的唯一性了. // configureWebpack: { //重點 output: { // 輸出重構 打包編譯后的js文件名稱,添加時間戳. filename: `js/js[name].${timeStamp}.js`, chunkFilename: `js/chunk.[id].${timeStamp}.js`, } }, css: { //重點. extract: { // 打包后css文件名稱添加時間戳 filename: `css/[name].${timeStamp}.css`, chunkFilename: `css/chunk.[id].${timeStamp}.css`, } } };