vue index.html缓存问题解决

之前每次发版vue项目的时候,总是要强制刷浏览器才能生效,现在总算解决这个问题了。

vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。
但是把打包好的index.html放到服务器里去的时候,index.html在服务器端可能是有缓存的,这需要在服务器配置不让缓存index.html
解决方法如下:
  前端在index.html中添加:
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">

nginx 配置如下:
  location = /index.html {
    add_header Cache-Control "no-cache, no-store";
  }

posted @ 2021-12-21 16:59  有肌肉的小眼睛  阅读(1403)  评论(0)    收藏  举报