清除Vue项目缓存的三种方法-给文件名加上版本号或哈希值-强制刷新用快捷键强制刷新绕过缓存
清除Vue项目缓存的三种方法
一、用版本号控制
在Vue项目打包时，给文件名加上版本号或哈希值，这样每次更新时，浏览器就能知道这是新文件，就不会用旧的缓存了。配置Webpack文件名哈希：
在Vue项目的Webpack配置文件里加这样一段配置，每次打包都会带哈希值。 ```javascript // 示例配置 output: { filename: '[name].[hash].js', chunkFilename: '[name].[hash].js' } ```修改HTML模板：
在HTML模板里引用文件时，文件名得带哈希值。 ```html ```使用插件自动处理：
有些插件可以帮你自动处理文件的哈希值。二、清除浏览器缓存
用户可以直接清除浏览器缓存来获取最新文件。手动清除缓存：
通过浏览器的设置来清除缓存。 - Chrome：设置 > 清除浏览数据 > 勾选缓存和Cookie > 清除。 - Firefox：选项 > 隐私 & 安全 > 历史记录 > 清除现在的工作数据。强制刷新：
用快捷键强制刷新，绕过缓存。 - Windows/Linux：Ctrl + F5 - Mac：Command + Shift + R三、配置缓存策略
在服务器上设置缓存策略，让浏览器每次请求都能得到新文件。设置HTTP头部：
通过设置HTTP头部来控制浏览器缓存。 ```http Cache-Control: no-cache, no-store, must-revalidate ```使用服务端配置文件：
在Apache、Nginx等服务器里配置缓存策略。 ```apache Apache 示例