【Vue】移动端访问Vue项目页面无数据,但是PC访问有数据

问题:

Vue项目,PC访问时下拉列表有数据,移动端访问时下拉列表没有数据;

思路:

首先打开了Fiddler抓包工具,把抓到的url复制到PC浏览器进行访问,结果发现PC上访问这个页面是有数据的,

冷静分析了下,与浏览器抓到的东西进行了比对,发现移动端是没有进行接口请求的,那估计是我的代码出了问题,推测是vue生命周期问题,但是在浏览器访问该页面的时候又没有报错。好吧,那就在项目加个打印工具(这里推荐使用eruda,不要使用vconsole,vconsole打印不全面)。

发现是window.localStorage那个赋值地方出了问题,提示什么不能给localStorage的属性赋null,但实际上我赋的值是可以打印出来的,有判断了下window.localStorage,发现浏览器不支持window.localStorage,于是改变使用sessionStorage,问题解决了。这次的问题我感觉很奇葩,明明测试环境localStorage是支持的,到了正式环境就不支持了。

解决方案:

手机浏览器不支持localStorage,改用sessionStorage

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值