1. 瀏覽器禁止緩存

<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="Cache-Control"content="no-cache,must-revalidate">
<metahttp-equiv="expires"content="0">

元信息解說：https://www.cnblogs.com/jesse131/p/5334311.html

2. webpack 打包js后面添加時(shí)間戳，清緩存

webpack.prod.conf.js

const  Version = new Date().getTime();
...
output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].'+Version+'.js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].'+Version+'.js')
  },
...

3. vue-cli

vue.config.js vue-cli打包的時(shí)候，內(nèi)置會(huì)給js加上hashchunk,自動(dòng)清緩存，

下面的配置不能生效，不要自己配了，直接使用內(nèi)置

const Timestamp=new Date().getTime();
module.exports = {
    configureWebpack: {
    
        output: { // 輸出重構(gòu)  打包編譯后的 文件名稱  【模塊名稱.版本號(hào).時(shí)間戳】
          filename: `[name].${version}.${Timestamp}.js`,
          chunkFilename: `[name].${version}.${Timestamp}.js`
        }
    },
}

總結(jié)

以上是生活随笔為你收集整理的清缓存的两种方法：webpack清缓存的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。