vue cli3打包部署,浏览器缓存问题

问题:每次部署后,页面不更新总是有缓存问题。

解决中心思想:在打包文件的文件名中添加一个版本号。

方法:

在vue.config.js中添加以下代码,vue cli3.x生成的项目默认没有这个文件,需要自己在根目录创建,和package.json同级。


代码块

const Timestamp = new Date().getTime();

module.exports = {

    publicPath: '/discovery/',

    configureWebpack: { // webpack 配置

        output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】

          filename: `[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,

          chunkFilename: `[name].${process.env.VUE_APP_Version}.${Timestamp}.js`

        },

      }

}

你可能感兴趣的:(vue cli3打包部署,浏览器缓存问题)