Vue项目部署,清理缓存方式(亲测有效)

文章目录

  • 前言
  • 一、根目录index.html
  • 二、配置vue.config.js
    • 1.直接上代码【使用时间戳】
  • 总结


前言

部署前端项目以后,你会发现一个问题(为什么必须刷新页面,页面才会更新到最新版本),其实就是因为服务器缓存的问题,接下来我就以我自己所用的方案来解决自动清除缓存的问题。


一、根目录index.html

在head标签中,加入下面的代码

<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">

Vue项目部署,清理缓存方式(亲测有效)_第1张图片

二、配置vue.config.js

1.直接上代码【使用时间戳】

代码如

你可能感兴趣的:(部署问题,缓存,vue)