React项目,用QQ进去网页加载显示只有图片

http://api.qqmmsh.com/app/ind...
上为页面网址,
问题如下:
用QQ点进去网址,第一次显示会正常。
第二次和以后就会只显示图片

这是图片加载方式clipboard.png

用UC没有此问题,
微信也没有问题。

阅读 2.4k
2 个回答

4.移动端问题之QQ内置浏览器进网页第二次的时候加载只有图片或白屏
尝试过的方法:
①强制不缓存(失败)
<meta http-equiv="Pragma" content="no-cache">
用于设定禁止浏览器从本地机的缓存中调阅页面内容

<meta http-equiv="Cache-Control" content="no-cache">
Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。

<meta http-equiv="Expires" content="0">
可以用于设定网页的到期时间

②更新React版本,切换路由版本,切换React-dom版本(以为是渲染时出错)

③替换SPA为多页面应用,此时发现非路由版本问题。

④尝试只在服务器上放单页面,不用框架,未出现问题。(很次的解决办法)


微信和QQ的内置浏览器都基于X5内核却出现只有QQ出现此问题。
QQ的缓存连QQ的内置清除功能都清不干净。
使用猎豹清理大师清除了顽固残留。(需要手动给权限)
再次进入的第一次也没问题,但重复进问题出现,重复清,清了进的第一次从未出错。
发现是缓存的问题,QQ浏览器以及UC等都未出现此问题。
考虑权限问题非前台所能解决

于是修改了页面的地址,保证用户进入时绝不会缓存。使用随机数页面重定向

if(window.location.href==("http://localhost:8088/home")){
window.location.href="/home?keys="+Math.random();
}

这样进入主页面时会自行加一个参数,保证每次请求的地址不同,所以无法缓存。

估计有鬼吧 ^_^

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题