vue项目上线后强制清除缓存

有时前端代码上线后，用户无法获取最新的代码显示，需要清除浏览器缓存，比较麻烦。

我们可以通过给打包编译后的js文件、css文件名称添加时间戳来达到用户刷新时重新获取最新的js、css文件，进而获得最新代码

vue.config.js 文件

let timeStamp = new Date().getTime();

module.exports = {
    filenameHashing: false,
    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`,
        },
    },
}

public/index.html