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

Chase620 等级 253 0 0

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

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

方法:

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

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

代码块

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\`

    },

  }

}

本文转自 https://www.helloworld.net/redirect?target=https://www.jianshu.com/p/1976f1e29043,如有侵权,请联系删除。

收藏
评论区