解决浏览器缓存问题

问题:

静态页面修改后重新部署上线,发现页面里边的图片啊样式啊是修改之前的样子

试图解决

• 方法1: 在引入资源文件时添加参数

  • <link rel="stylesheet" href="./css/index.css?v=1.0.0">

  • <img src="./images/focus_img.png?v=1.0.0" alt="">

    解决了
    
    但是 !!! 如果有很多文件和图片都改了,岂不是很麻烦!!!
    而且!!! 背景图酱婶儿是不生效的!!!

• 方法 2: meta方法

  <!--设置过期时间设置0为直接过期并清除缓存-->
  <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">
  
  <!--也有这样写的:-->
  
    	<META HTTP-EQUIV="pragma" CONTENT="no-cache">
  	<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
  	<META HTTP-EQUIV="expires" CONTENT="0">
  

  但是!!! 样式生效了,奈何图片还有缓存
  

放弃尝试,先工作吧,有空再解决,嘤嘤嘤