如何进行清除web端缓存

对于一个html页面，缓存分3部分，一个是页面内容，一个是css样式，一个是JS文件
1、进行清除页面内容
//meta标签清理缓存
//标签：

//如果需要在html页面上设置不缓存，这在标签中加入如下语句：

//用于设定禁止浏览器从本地机的缓存中调阅页面内容 //Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。 //可以用于设定网页的到期时间

//清除浏览器中的缓存，它和其它几句合起来用，就可以使你再次进入曾经访问过的页面时，浏览器必须从服务端下载最新的内容，达到刷新的效果。

2、CSS和JS文件

就是只要在每次修改后改一下版本号即可,这样比较麻烦。 可以通过gulp和webpack工具进行添加版本号。 gulp有个通用与简单项目自动加版本号的方法：安装方法如下 $ npm install gulp-rev-append-all --save-dev

执行文件gulpfile.js如下

var rev = require(‘gulp-rev-append-all’);

gulp.task(‘rev’, function() {
gulp.src(’./index.html’)
.pipe(rev())
.pipe(gulp.dest(’.’));
});