Vue移动端开发IOS浏览器回退时页面不刷新或未正常发起请求

移动端微信公众号项目进行UAT测试时遇到一个问题，ios微信浏览器访问项目时回退上一级页面异常，未刷新。网上看的是由于ios回退是从缓存中读取数据的，由于开发环境不方便测试，找到如下解决方法

经测试是有效的，判读用户设备为ios时强制刷新。

mounted () {this.$nextTick(()=>{//首页跳转返回 IOS不兼容页面自动刷新问题var u = navigator.userAgent,app = navigator.appVersion;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isiOS){window.onpageshow = function(event) {if (event.persisted) {window.location.reload()}};}})},

Vue移动端开发IOS浏览器回退时页面不刷新或未正常发起请求相关推荐

vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
记 vue 移动端开发中的经验
项目背景手上的 vue移动端项目已经开发了大几个月了,遇到了一些很有意思的坑,也让自己学习了很多:写此文主要目的是记下一些我遇到的坑,以及自己的解决方案,分享的同时也方便以后复习. 项目的底层是上 ...
Vue.js 实现禁止 ios 浏览器的 bounce 效果
介绍基于 Vue.js 的滚动组件,实现避免触发 ios 浏览器的 bounce 效果组件 <template><div class="scroll" ref ...
用Abp实现两步验证（Two-Factor Authentication，2FA）登录（二）：Vue网页端开发
文章目录发送验证码登录退出登录界面控件获取用户信息功能项目地址前端代码的框架采用vue.js + elementUI 这套较为简单的方式实现,以及typescript语法更方便阅读. 首 ...
【Vue】组件复用导致的路由切换时页面不刷新问题
页面逻辑通过router-link,携带不同params参数,导航向同一个组件. 出现问题1 不同路由切换时组件上的页面不刷新. 问题原因1 mounted() {this.getData();}, ...
谷歌浏览器调试时页面的刷新与强制刷新+清空缓存的操作
浏览器的刷新一般分为三种类型,即:1.正常重新加载.2.硬性重新加载(强制刷新).3.清空缓存并硬性重新加载 1.正常重新加载触发方式:① F5 ② Ctrl + R ③ ...
vue页面数据不显示_PHP7中session_start 使用注意事项，会导致浏览器刷时页面数据不更新...
//PHP7中session_start 使用注意事项, session_start(['cache_limiter' => 'private', //在读取完毕会话数据之后马上关闭会话存储文件 ...
vue商城项目开发：浏览器自动访问、路由样式修改及定义和导入组件
浏览器自动访问项目根目录增加vue.config.js配置文件,写入如下内容路由样式组件定义及导入
Kbone踩坑记录（VUE多端开发不得不做的吃螃蟹尝试）
Kbone踩坑记录 tabbar kbone-ui使用自定义导航页面跳转扩展API 环境判断 swiper 图片资源 wx-web-view Kbone踩坑记录 tabbar 所有 tabbar ...

Vue移动端开发IOS浏览器回退时页面不刷新或未正常发起请求

Vue移动端开发IOS浏览器回退时页面不刷新或未正常发起请求相关推荐

最新文章

热门文章