在安卓系统上,启用微信浮窗后打开浮窗页面时会导致sessionStorage丢失,ios是不存在这个问题的。
有接口的入参是存在session中的,解决这个问题,
1要么跳转到首页(登录页不太人性,有些牌子的安卓机不支持存账号密码的),
2要么使用local,
3要么把参数挂在query中,不过有些敏感参数容易造成安全隐患。
一开始直接使用的session也懒得进行大改动,跟产品商量了一下,跳转到首页。

·main.js·
router.beforeEach((to, from, next) => {if(!sessionStorage.getItem('uid') && (to.path != '/index' && to.path !='/login')){//微信浮窗console.log('从微信浮窗进入非首页,没有uid:',!sessionStorage.getItem('uid'),'不是首页/登录页:',to.path != '/index'' && to.path !='/login',to.path);next({path:'/index',query:{type:localStorage.getItem('type'),uid:localStorage.getItem('uid'),}});}else{sessionStorage.getItem('uid')?console.log('正常跳转',to.path):console.log('首次进入或者从微信浮窗进入首页/登录页,没有uid:',!sessionStorage.getItem('uid'),'不是首页/登录页:',to.path != '/index' && to.path !='/login',to.path);if (to.meta.title) { //动态切换页面title,如果路由中有定义的mate.title就使用meta.titlewindow.document.title = to.meta.title}else{ //如果路由中没有定义title就使用页面动态定义的titleVue.directive('title', {inserted: function (el, binding) {document.title = el.dataset.title}})}next();}
})
·login·
登录以后,原先是只储存了session就跳转到首页,现在需要把再存local一份
sessionStorage.setItem('type',this.type);
sessionStorage.setItem('uid',this.uid);
localStorage.setItem('type',this.type);
localStorage.setItem('uid',this.uid);

安卓系统,启用微信浮窗 session 丢失相关推荐

  1. vue在微信里面的兼容问题_vuejs在安卓系统下微信X5内核这个兼容性问题如何破?...

    小弟第一次使用vue.js做项目开发就遇到了一个坑,本想把区域选择独立为一个子组件来使用,但是组件模式开发的select区域下拉列表在安卓系统的腾讯系的X5内核竟然报错了,导致弹出的select选择框 ...

  2. android 微信浮窗实现_Android实现类似qq微信消息悬浮窗通知功能

    实现方法:(需要开启悬浮窗通知权限.允许应用在其他应用上显示) 一.利用headsup 悬挂式Notification,他是5.0中新增的,也就是API中的Headsup的Notification,可 ...

  3. android 微信浮窗实现_Android仿微信视屏悬浮窗效果

    在项目中需要对接入的腾讯云音视频,可以悬浮窗显示,悬浮窗可拖拽,并且在悬浮窗不影响其他的activity的焦点. 这个大神的文章Android基于腾讯云实时音视频仿微信视频通话最小化悬浮,他讲的是视频 ...

  4. 微信小程序判断是iOS系统还是安卓系统,微信小程序获取当前设备信息;

    直接写在app.js里全局通用. onLaunch(e) {var that = thiswx.getSystemInfo({success:function(res){that.globalData ...

  5. 微信大更新,黄脸表情会动了,还能炸群!还有状态、浮窗...张小龙剧透的功能全来了...

    1月21日,微信在十岁生日这天,正式向iOS用户推送了8.0版本.张小龙前天在微信公开课上剧透的几个小功能,也一一出现在新版微信中. 会动的表情.微信个人状态.浮窗......在1月19日的微信公开课 ...

  6. 突发!微信大更新,黄脸表情会动了,还能炸群!还有状态、浮窗...张小龙剧透的功能全来了...

    点击上方 "编程技术圈"关注, 星标或置顶一起成长 后台回复"大礼包"有惊喜礼包! 每日英文 Be confident with yourself and st ...

  7. 浮窗---创建系统浮窗(可拖动)

    目录​​​​​​​ 一.效果展示 二.代码实现 1.添加权限,动态申请权限 2.创建windowManager服务.windowManager Params配置项 3.动态加载view,添加到wind ...

  8. 国产手机启用鸿蒙系统,国产机会抛弃安卓系统?华为启用全新自研“鸿蒙”系统,你会买吗...

    原标题:国产机会抛弃安卓系统?华为启用全新自研"鸿蒙"系统,你会买吗 华为事件持续发酵,就目前来说,华为手机在市场上影响力还是很大的,尽管目前有说安卓系统不允许华为使用的说法,但国 ...

  9. android微信支付吊不起微信,安卓系统微信支付失败原因

    微信支付在我们的生活中很重要,那安卓系统微信支付失败原因是什么呢?了解网购安全,首先就要了解佰佰安全网小编就带您认识一下吧. 1.第一种原因就是默写数据参数有问题.一般都是秘钥有问题.需自己登陆商家版 ...

  10. Axure制作微信APP原型(三):消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息

    Axure制作微信APP原型(三) APP原型设计是产品经理需要做的工作之一,大家有这个方向和兴趣的可以自己下载一个Axure软件试一下. 可以用已有的APP模型参考设计学习以下,学学人家的界面是怎么 ...

最新文章

  1. BZOJ 1176: [Balkan2007]Mokia( CDQ分治 + 树状数组 )
  2. 分布式数据库管理系统
  3. JavaScript之共享onload
  4. js将字符串中所有反斜杠\替换成正斜杠/
  5. 增强学习(Reinforcement Learning and Control)
  6. easyui tree复选框是否打钩状态_实战PyQt5: 010-复选框控件QCheckBox
  7. Azure Backup 简介
  8. 学习笔记(11):Python网络编程并发编程-粘包底层原理分析
  9. ogm session_带有Hibernate OGM的NoSQL –第三部分:在WildFly上构建REST应用程序
  10. C#:winform开发的System.AccessViolationException错误,已解决
  11. nginx配置文件结构
  12. Oracle全文索引之二 创建
  13. 15寸计算机显示器,苹果确认15寸RMBP支持全球首款5K显示器
  14. Linux网络编程之connect创建
  15. 类/对象/构造函数/析构函数
  16. md 文件编辑 Markdown 使用教程
  17. linux 下librtmp源码,linux下基于libRTMP的接收流媒体的程序
  18. [转]Repeate分页
  19. Linux系统无法在spyder5中输入中文的解决办法
  20. Python数据可视化的3大步骤,你知道吗?

热门文章

  1. 从达特茅斯会议到图灵奖---人工智能学习分享
  2. ubuntu安装英伟达显卡GT 540M驱动
  3. cocos2d-x 音乐/音效设置
  4. 服务器装系统报0x0000005d,Win8系统安装过程中提示ErrorCode:0x0000005D怎么办
  5. 信息收集及漏洞利用--安全(四)
  6. 我的数据库是半瓶子水的水平
  7. 小米手机访问电脑共享文件_小米随身Wifi让手机共享电脑文件教程
  8. vue中.prevent.self 和.self.prevent修饰符
  9. 金融行业用户画像最佳实践
  10. java解二元一次方程组_如何用C语言解二元一次方程组