安卓手机微信浏览器缓存问题

最近遇到一个棘手的问题就是，已经上线半年的微信公众号支付项目突然在安卓手机显示白屏，刚开始通过抓包发现，每次公众号中的页面授权回调后就会白屏，手动刷新就会显示页面。

通过研究，其实在vue前端项目中，index.html是所有页面的入口文件，就相当于我们要进城，每次都会通过城门，进城之前需要例行检查你的牌子是不是这个城里面用的，是你就可以进去，但是你进去一次这个牌子就会留底，后面你又来了，我看到你的牌子以前有底，注意（ios就会重新留底，但是安卓就留下的是以前的那个底，你得想办法去更新那个底）。我通过网上的各种方法，都没啥作用。

主要试了一下方法

1、手动清理缓存

android：debugx5.qq.com，这是微信x5内核浏览器的debug调试页面，在微信浏览器打开，拉到页面最底部，有清理缓存的选项。

2、自动清理缓存

设置meta标签 （无效）

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>

<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="Expires" content="0" />

3、版本号，修改我index.html引入文件的版本号

<!DOCTYPE html>
<html lang="en">

//获取指定位数的随机数
       function randomNum(n){
           var t='';
           for(var i=0;i<n;i++){
               t+=Math.floor(Math.random()*10);
           }
           return t;
       }

document.write("<script type=\"text/javascript\" src=\"/common.js?ver=" +randomNum(8)+ "\"></scr"+"ipt>");
document.write("<script type=\"text/javascript\" src=\"/admin/admin.js?ver=" +randomNum(8)+ "\"></scr"+"ipt>");
</script>

</body>
<style>
    .mainBody {
        margin: 0;
        height: 100%;
        width: 100%;
        background-color: #d6dee0;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }
</style>

</html>

这个方法其实只是更新了index.html中的内容，而没有更新浏览器本身的index.html

折腾了两天，都没有解决，后来有同事告诉我说是vue前端项目的"#"去掉，就好了，试了下，果然是对的。但是在去掉“#”的时候还是有一个坑。

前端路由中添加

new Router({

mode: 'history',

routes: vueRouters

});

后端添加插件

historyFallback

然后添加

app.use(historyApiFallback({

whiteList: ['/jhq/app/weixin/api/get_wx_access_token'],

rewrites: [

{

from: '/jh/mobile',

to: '/jh/mobile/index.html'

{

from: '/jh',

to: '/jh/index.html'

]

}));

在这里解释一下，由于一个域名下有很多项目，所以我们给添加了子域名来区分，所以路由中必须带“jh”这个前缀。我刚开始没有带，结果首页一直白屏。

转载于:https://www.cnblogs.com/qingqian/p/9299636.html

安卓手机微信浏览器缓存问题相关推荐

清空手机微信浏览器缓存
在手机微信中,随便选择个好友,打开对话框,发送 debugx5.qq.com,然后打开这个地址,拉到调试页面的最底端,勾选上所有的缓存项目,点击清除.
如何清空微信浏览器缓存？
最近在做一个关于微信公众号的集成项目,遇到一个问题,前台页面改完之后,再用微信浏览器打开该页面,发现,页面内容没有及时更新, 于是找了一下两种方法可以清空微信浏览器缓存 1.用微信浏览器打开该网址ht ...
html5微信视频禁止自动全屏,关于HTML5 video标签在安卓版微信浏览器内被强行全屏播放的问题...
最近在一个H5项目中,碰到了传说中的video标签在安卓版微信浏览器内被强行全屏播放问题.原计划在视频播放完毕后,页面出现video的ended事件时,应该显示分享和处于转化页的按钮,如图: 然而在这 ...
微信H5、网页、内置Web浏览器清理缓存，微信浏览器缓存
目录一.写在前面: 1.浏览器缓存带来的好处: 2.浏览器缓存带来的弊端: 二.如何清除微信浏览器的缓存: 1.在IOS环境下手动清除微信缓存: 2.在Android环境下手动清除微信缓存: 三.清 ...
vue在微信里面的兼容问题_vue 微信浏览器缓存问题解决方案
1. 试过js.css打包时添加时间戳,因为打包后每次都是新名字的文件,所以感觉加不加时间戳都没有效果试了一下果然原因应该是微信浏览器缓存了index.html, 所以打开缓存的页面根本没有任何请 ...
微信浏览器 MP4播放失败，安卓下微信浏览器不能播放MP4问题的解决,gzip捣的鬼
今天遇到一个很奇葩的事,MP4视频在安卓的微信浏览器中播放不了,提示"微信浏览器 MP4播放失败" 但是在其他手机浏览器里可以播放,而且苹果的微信中也可以播放最后研究了一下午,找 ...
vue 微信浏览器缓存问题解决方案
1. 试过js.css打包时添加时间戳,因为打包后每次都是新名字的文件,所以感觉加不加时间戳都没有效果试了一下果然原因应该是微信浏览器缓存了index.html, 所以打开缓存的页面根本没有任何请 ...
Android手机怎么找回微信好友,安卓手机微信好友删了怎么找回恢复误删好友
安卓手机微信好友删了怎么找回?微信误删的好友怎么恢复回来呢?有人说我删了很久了,现在后混了想要把删除的好友再加回来,怎样操作才能成功恢复回来呢?根据数据恢复原理表明,就算是专业的数据恢复软件,也不可能 ...
如何清空微信浏览器缓存
微信其实内嵌了一个QQ浏览器,只是这个浏览器没有菜单界面,看上去无法清理微信内置浏览器的缓存.本经验就教大家如何清空微信浏览器缓存. 工具/原料手机微信APP 方法一:debug页面清楚法 1 随便 ...

安卓手机微信浏览器缓存问题

1、手动清理缓存

安卓手机微信浏览器缓存问题相关推荐

最新文章

热门文章