如何在部署 vue 应用后强制刷新客户端

部署 Vue 应用后，如何确保客户端获取到最新的代码资源，避免因缓存导致的问题？

解决方法归纳为两类：

依赖后端支持的方法：

vue-component-analyzer

递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。

下载

• API 请求拦截：拦截 Axios 请求，对比后端版本号和项目版本号，不一致时提示用户刷新。
• API 请求 Header 中添加版本号字段：后端对比版本号，不一致则通知客户端刷新。

然而，这些方法都需要后端支持。

立即学习“前端免费学习笔记（深入）”；

无需后端支持的方法：

• 输出版本号文件：构建时将版本号输出到文件，如 /version.txt。
• 轮询版本号文件：不断检查该文件，发现版本更新时提示用户刷新浏览器。