VueJS应用程序缓存问题-IIS 10

问题描述

我有一个VueJS应用程序，该应用程序已部署到本地IIS 10服务器以供Intranet使用。

问题是，index.html文件正在缓存中，需要强制手动清除浏览器才能查看更新。我知道在服务器端有多种方法可以防止这种情况发生，但是根据我所读的内容，我不清楚，确保html文件不被缓存的正确方法是（js，css和当然不会被缓存，因为它们在构建过程中会在文件名后附加附加值。）

在服务器方面，我是一个新手，因此非常感谢任何见识。谢谢！

解决方法

您在项目中使用哪种包装工具？一般来说，Webpack / Vue-CLI具有防止文件在客户端浏览器中缓存的设置。换句话说，它将哈希值添加到输出文件中，这可能会标记我们最近构建的版本，这将导致客户端浏览器强行请求新版本文件。
在Webpack.config.js

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

https://webpack.js.org/guides/caching/
有关更多详细信息，请参见这些链接。
Browser cache problems with webpack chunks and vue.js components
how to force clearing cache in chrome when release new Vue app version
VueJS/browser caching production builds