vue.js - 发布新的Vue应用程序版本时如何强制清除chrome中的缓存

Question

我用 vue-cli 创建了一个应用程序然后我构建 dist用于生产的文件夹。

该应用程序部署在 IIS带有 flask 后端并且工作正常。

当我必须进行一些更改并且我必须重做部署时，就会出现问题。在此之后，用户调用我，因为应用程序不工作，但如果我清除 chrome 缓存，应用程序再次正常工作。

我该如何解决这个问题？当我发布新的应用程序版本时，是否有自动清除 chrome 缓存的方法？

谢谢

我的 dist 文件夹



部署:复制并粘贴 IIS 上的文件夹 dist

如果 dist 文件夹中的文件正确，可能问题出在 axios 缓存中？我也对休息 api 进行了一些更改

Answer 1

如果您使用 vue-cli ，然后它具有用于构建 dist 的内置 webpack 配置.事实上，它会在输出文件中添加哈希名称。
但是如果它以某种方式被删除，你可以将它添加回 webpack 配置，比如

  output: {
    filename: '[name].[hash].bundle.js'
  }

您的应用程序将如下所示:


更重要的是，您不需要处理如何将所有这些内容添加到 html，因为 webpack 会为您解决。