如何解决h5、vue、uniapp等项目缓存问题

JavaScript024

如何解决h5、vue、uniapp等项目缓存问题,第1张

我们再开发web项目时，经常会遇到修改了css、js、html等静态文件，并部署到服务器之后。使用浏览器进行访问的时候，发现并没有什么变化，这就是静态缓存。我们应该如何处理静态缓存呢？首先我们先了解什么是静态缓存。 html文件添加Expires时间 CDN是静态缓存加速最典型的代表。CDN技术并不是一门新的技术，它是基于传统 nginx、squid、varnish 等 web 缓存技术，结合 DNS 智能解析的静态缓存加速技术。 方式二： uniapp解决缓存的方式与vue一样，但是uniapp兼容了很多平台，所以修改vue.config.js又不太一样。如果uniapp根目录下面没有vue.config.js，则新建vue.config.js文件即可。

办法①改完js文件后，在js路径后加一个参数，每次改完js文件后，参数改变一下，如src="js路径?v=1.1"改成src="js路径?v=1.2"；

办法②在src里的路径加系统时间参数：t=system_time()，即src="js路径?t=system_time()"