h5 浏览器缓存问题的解决方案:普通浏览器与微信公众号

2024-10-28
来源:网络整理

h5浏览器,尤其是微信公众号,存在缓存问题,这让我们在测试、产品、用户面前彻底丢了面子。他们会问。为什么会有缓存?别人的产品可以做到,我们的产品为什么不行?

以下是尝试处理h5浏览器缓存问题的几种解决方案。

1.如何清除普通h5浏览器的缓存。

1.在.html文件中添加清除缓存的meta标签(有些浏览器有用,有些浏览器没有)

2、vue..js中打包文件时使用hash+时间戳的形式,这样每个包都是一个新文件,可以理解为版本号,也可以设置一个不会重复的变量。

const Version = new Date().getTime(); module.exports = { publicPath: './', productionSourceMap: true, chainWebpack: config => { config.output.filename('[name].[hash].'+Version+'.js').end(); } }

打包后的格式是这样的。每次打包时,文件都是最新的。

3、运维相关操作

① 先删除要部署的前端项目,然后覆盖新文件。这可以确保旧的项目文件不会被覆盖。

我这里使用的是一个构建和部署的前端项目,可以由运维同事操作。

清理浏览器手机窗口_清理浏览器手机垃圾_手机怎么清理浏览器

②针对某个项目,设置配置,不设置缓存(这只是一个例子,具体配置根据自己的项目而定)

location /html/ { root D:/tools/nginx-1.16.0; autoindex on; add_header Cache-Control "no-store"; expires -1; }

2.如何清除微信浏览器和公众号的缓存

微信浏览器的缓存很难清除,这是微信一直存在的问题。你可以看一下官方的回复,里面充满了批评。

如果以上清除缓存的方法都不起作用,则无能为力。只能说我们技术有限,被产品、被老板骂也没办法。让用户操作它。

1. 手机如何清除缓存

① 打开微信对话框,发送到任意对话。您可以将其发送到文件传输助手。可以发给女神。以为你想向她表白...

②点击打开上述连接,进入调试页面,勾选所有缓存选项,点击清除。

2.ios如何清除缓存

单击屏幕上的三个...,然后多按几次刷新。

3.如果上述方法不起作用,请尝试

分享