处理网站缓存问题

最近开发 发现网站每次上线都会有上一次的缓存的问题;

后来发现解决方法有几个,暂时也不知道各自有什么区别和利弊,望各路大神指点啊!

以下仅记录我查到的几种方法:

1.通过meta表现控制

<!-- 禁止当前页面缓存后,不会出现后台配置登录权限的情况,退出登录依然可以访问的问题(不刷新的情况) -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<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 content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

2.给引用的js和css后边添加时间戳

<link rel="stylesheet" type="text/css"   href="common.css?time=20060408" />

3.通过打包工具

打包工具会自动检测js和css和图片,在后边自动添加时间戳,使得每次更新的代码都有一个新的标识;

原文地址:https://www.cnblogs.com/AndyZhang1993/p/7098838.html