【已解决】微信小程序web-view嵌套H5，使用setStorageSync,localStorage.setItem有时候失效的问题

1、问题描述：
我用uniapp写的一个H5，嵌套在微信小程序web-view中，但是用户反应，登录过后，老是出现需要登录的情况，安卓手机普遍出现，ios情况较少，导致用户体验很差，业务模式很难继续进行下去。

2、原因？未知，社区找了很多资料，官方也没有给出具体的解决方案

3、之前的写法：登录成功之后，将用户信息存储在localStorage中

if(res.msg == '登录成功'){uni.setStorageSync('username', res.username);uni.setStorageSync('token', res.token);localStorage.setItem("username2",res.username);    localStorage.setItem("token2",res.token);}

4、解决方案的写法，将用户信息用cookie进行存储

if(res.msg == '登录成功'){uni.setStorageSync('username', res.username);uni.setStorageSync('token', res.token);localStorage.setItem("username2",res.username);    localStorage.setItem("token2",res.token);document.cookie="username="+ res.username;document.cookie="token="+ res.token;}

获取cookie，我写在了全局js文件中了

//获取cookie
Vue.prototype.getCookie = function(objName){var arrStr = document.cookie.split("; ");for (var i = 0; i < arrStr.length; i++) {var temp = arrStr[i].split("=");if (temp[0] == objName){return decodeURI(temp[1]);}}}

调用：

data() {return {username:this.getCookie('username') || uni.getStorageSync('username') || localStorage.getItem('username2')}
}

神奇的是，你会发现完美解决上述问题，用户反应也不会出现重新登录的情况了。OVER，又填了一个小程序的坑~

【已解决】微信小程序web-view嵌套H5，使用setStorageSync,localStorage.setItem有时候失效的问题相关推荐

[已解决]微信小程序 canvas 文字样式错乱问题
在微信小程序中使用canvas绘制海报的时候,发现有多种不同的样式文字时, 保存canvas内容为图片,出现各种文字样式错乱. ------------------------------------ ...
微信小程序中嵌套html_微信小程序：web-view嵌套H5实现微信支付功能解决方案及填坑...
ab7117c7d4947210c39e126a01d23ede.jpg 最近一个多月加班比较严重,偶尔休息一天也是在补睡眠+陪家人,比较长时间没有来进行总结记录了.今天不加班,开始为这段时间做的东西 ...
控制微信小程序web view的返回按钮
需求:点击web-view页面的左上角返回按钮时,显示弹窗,点击取消或确认后才能返回.(实际上点击返回按钮会直接返回上一页) 解决方法:由于webview使用的是微信浏览器打开的,我们可以使用js的H ...
解决微信小程序的video元素层级太高无法遮盖问题
解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题,需要在微信小程序中用视频作为背景,微信开发者工具中模拟的没问题,真机调试就发现vid ...
小程序 | 微信小程序实现循环嵌套数据选择
小程序 | 微信小程序实现循环嵌套数据选择一.效果展示二.代码实现在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数组的情况,需要利用wx:for嵌套实现数据的展示.这时,外层循环正常 ...
解决微信小程序银行卡号输入转换格式
解决微信小程序银行卡号输入转换格式问题 ps:2017-02-17 19:44 (发现新bug,暂已解决优化中) 新手第一次写博客,请多多见谅! (感觉会有更好的办法,希望有大牛能对我指点指点) 输入 ...
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题项目需求: 一个信息提交页面:有input输入框,有picker选择器遇到的问题: 点击input输入框时,手机自动弹出键盘,但 ...
微信小程序java中文乱码_如何解决微信小程序显示中文无法上传或者出现乱码的问题？...
今天小编给大家讲解如何解决微信小程序显示中文无法上传或者出现乱码的问题?有需要或者有兴趣的朋友们可以看一看下文,相信对大家会有所帮助的. 在formData中对文字进行编码,使用encodeURI() ...
# 解决微信小程序遮罩层底部页面滚动
解决微信小程序遮罩层底部页面滚动一.wxml文件添加catchtouchmove="move". <view class="" class=" ...
解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局，为啥到真机就是乱的...
解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ ...

【已解决】微信小程序web-view嵌套H5，使用setStorageSync,localStorage.setItem有时候失效的问题

【已解决】微信小程序web-view嵌套H5，使用setStorageSync,localStorage.setItem有时候失效的问题相关推荐

最新文章

热门文章