uniapp app无法获取最新token缓存的解决办法

最新推荐文章于 2024-09-14 18:27:44 发布
最新推荐文章于 2024-09-14 18:27:44 发布
阅读量1k 收藏 2
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyz246859/article/details/130390054
版权
在uniapp开发中遇到一个问题，即更新版本后首次运行时可能出现token异常，原因是token过期。为确保始终获取最新token，开发者将请求放入trycatch块，这样在异常发生时能自动更新token的缓存，从而解决了问题。
摘要由CSDN通过智能技术生成

在这里插入图片描述
在uniapp项目开发中，发现有时候本地存了token,但是在手动触发更新版本的时候，第一次会出现token异常的问题，通过排查，是token过期的问题，因此，为了能够保证每次获取的都是最新的token的缓存，把请求放到try catch中去，这样就解决了这个问题，因为try catch中的获取会自动更新缓存

lyz246859
关注
uniapp使用uview配置token及请求拦截
qq_45018844的博客
10-28 5281
配置token 首先我这里是用到了uview中的http uview官网http 这里打印一下config 可以看到下面的url就是我们请求的接口路径 用到vuex保存token 效果是让我们每次请求接口的时候自动带上token vuex中通过updateToken在登录的时候拿到后端返回的token，保存到vuex中 我这里是在登录的时候拉取的接口，拿到token 然后在刚才的配置token的http.interceptor.js页面打印一下，如何拿到token值 打印出来了，咱们找到拉~
uniapp云开发unicloud 登录实例的实现
10-15
在uniapp应用中，接收到成功登录的响应后，需要将token存储在本地，通常是使用uni-app的`uni.setStorageSync`方法保存在本地缓存中。这样，每次启动应用时，可以先检查本地是否有有效的token，如果有，就认为用户已...
uni.getstoragesync获取不到最新值
weixin_49853257的博客
09-26 8411
问题 uni.setstoragesync 再用uni.getstoragesync获取值时 每次要刷新才会更新到最新值 看了那么文章都没有找的有效的解决方案 直到看到了这篇文章找到了灵感 https://www.debug8.com/javascript/t_42980.html 解决方案 在切换页面时先把缓存销毁 uni.removeStorageSync(‘xxx’); ...
uni-app的实用技巧及数据缓存
phpweiyi的博客
06-19 1万+
其中，STRING 是需要拦截的 HTTP 请求的 URL 的匹配规则，可以使用字符串或正则表达式来表示。uni-app的数据缓存是指对数据进行本地存储，从而在下次访问时可以直接从本地获取数据，提高了程序的性能和用户体验。通过这种方法，我们可以在做前端开发的时候对所有的 HTTP 请求进行全局的拦截处理，实现对请求的统一处理、简化开发流程、提高代码质量等目的。通过uni.setStorage可以将数据存储到storage中，通过uni.getStorage可以从storage中读取数据。
关于 Uniapp 获取缓存报错 getstorage:fail:data not found 在开发者工具没有问题 手机预览报错
Technology_hands的博客
05-29 1713
我们存缓存是在首页的onload，里面写了一个console.log(abc)，而abc没有定义，再微信开发者工具中并不会报错，而是打印underfind，而手机预览则会报错，导致onload的后面的代码都没有执行，导致缓存没存进去，导致后面一系列报错。问题：在微信开发者工具中没有问题，真机调试也没有报错，只有打开预览的时候，用手机才会报错。后来发现，是缓存没存上，获取才报了错，那么为什么微信开发者工具存上了，手机预览没有存上呢？
【uniapp 获取缓存及清除缓存】
前端-CV全粘工程师
07-29 5377
【代码】【uniapp 获取缓存及清除缓存】
uniapp小程序token失效403跳转登录页坑！！！！当前页面多个接口会跳多个登录页案例 如何解决 ！！！
weixin_69666355的博客
05-04 2099
token失效多次跳登录页
uniapp中request请求token失效后重新获取token且重新请求
Andy的博客
07-22 3543
在APP日常使用过程中可能遇到token过期或者token失效的情况；平常大家的做法就是给个提示，然后需要再次请求一次接口重新获取token，这样的操作给用户一种极不友好的体验，为了让用户感觉不到重新获取token这个场景，那么就需要在用户不知情的情况下重新获取token且再次重新请求接口使操作流程不中断。本次给大家介绍在请求接口request内建立重试机制，该机制统一封装在一个request请求中。
uni-app封装请求完成示例项目
11-02
【uni-app封装请求完成示例项目】是一个专为uni-app框架设计的实用示例，旨在帮助开发者更高效地处理网络请求。uni-app是一款基于Vue.js开发的多端框架，能够一次编写，多端运行，覆盖H5、小程序、App等平台。在实际...
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
10-16
2. 参考借鉴价值：提供了一套完整的解决方案，可作为其他开发者的参考，便于搭建自己的微信小程序登录系统。 标签中所包含的知识点： 1. uni-app：需要了解 uni-app 基础知识和API使用。 2. 微信小程序登录：需要对...
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接进销存
12-09
首页页面、 执行登录、缓存Token和用户信息、 路由拦截、注册、个人中心、商品详情、收藏商品、 购物车、我的订单、地址管理 可以实现 微信小程序、IOS和安卓设备、H5发布 查看源码后，只要会以上逻辑，有了这套...
微信小程序 springboot后台如何获取用户的openid
08-25
微信小程序 SpringBoot ...微信小程序 SpringBoot 后台获取用户的 OpenID 是一个复杂的过程，需要通过微信 API 来实现，并且需要在小程序和 SpringBoot 后台之间进行交互，以便获取用户的 openid 并将其存储到缓存中。
前端登录退出：处理Token问题（获取、缓存、失效处理）以及代码实现
热门推荐
背心的博客
11-05 1万+
前端登录退出：处理Token问题（获取、缓存、失效处理）以及代码实现
uniapp中token操作：存储、获取、失效处理。
qq_43483403的博客
08-07 6390
uniapp中token操作：存储、获取、失效处理。
uniapp 前端定时刷新token，接口排队等待，promise 接口封装
u011169725的专栏
06-21 2774
uniapp 前端定时刷新token，token过期时，多个接口同时请求，排队等待，promise 接口封装
uniapp使用uView2.0框架遇到的问题
RainHg的博客
05-19 2066
后端传大整数时出现精度缺失的情况；tabbar中间项凸出，自定义底部导航栏；uView折叠面板collapse在支付宝小程序上标题显示不出来；uView2.0输入框u-input中placeholder样式修改
uniapp在App.vue中异步获取的数据并存储到vuex中其他页面获取不到
weixin_52256715的博客
07-30 1255
由于用户信息是在app.vue中异步获取的，我们在页面挂载完成后无法获取到异步获取的信息（具体原因目前还没找到，使用await也不行）。在app.vue中先执行getUserInfo函数，将获取用户信息的promise异步操作挂载到Vue的原型上，在在this.$getuser.then执行异步获取数据后的操作。我们在使用uniapp的时候可能会遇到在页面挂载完成后需要使用用户信息，但是在刷新后，却无法获取到信息。想要解决可以使用下面方法。当然你也可以监听用户信息，在用户信息获取到在重新执行初始化函数。
解决vue 部分页面缓存，部分页面不缓存的问题
猿飞梦的博客
11-16 2631
vue 部分页面缓存，部分页面不缓存的问题
uniapp 苹果安全域适配
最新发布
qq_31594665的博客
09-14 347
一、使用原生占位（仅App端支持）
uniapp的websocket无法携带token怎么解决
07-08
如果UniApp的WebSocket无法直接携带Token，你可以考虑以下两解决方案： 1. 将Token作参数传递： 在创建WebSocket连接时，将Token为连接地址的一部分传。例如，将Token作为查询参数附加在WebSocket连接地址的末尾。 示例代码如下： ```javascript // 在需要使用WebSocket的页面或组件中 // 获取Token let token = uni.getStorageSync('token'); // 创建WebSocket连接 let socket = uni.connectSocket({ url: 'ws://your-websocket-url?token=' + token, success() { console.log('WebSocket连接成功'); }, fail() { console.log('WebSocket连接失败'); } }); // 其他监听事件... ``` 在上述代码中，将Token作为查询参数附加在WebSocket连接地址的末尾，通过`?token=`的方式传递。 2. 使用自定义协议： 在创建WebSocket连接时，通过自定义协议将Token发送到服务器端。你可以在服务端编写相应的代码来解析和验证Token。 示例代码如下（前端）： ```javascript // 在需要使用WebSocket的页面或组件中 // 获取Token let token = uni.getStorageSync('token'); // 创建WebSocket连接 let socket = uni.connectSocket({ url: 'ws://your-websocket-url', success() { console.log('WebSocket连接成功'); // 发送Token socket.send({ data: JSON.stringify({ token: token }) }); }, fail() { console.log('WebSocket连接失败'); } }); // 其他监听事件... ``` 在上述代码中，创建WebSocket连接后，通过`socket.send()`方法将Token发送到服务器端。在服务端，你需要解析接收到的数据，并验证Token的有效性。 这些解决方案都是基于WebSocket的特性和UniApp框架的限制进行的。根据实际情况，你可以选择适合你项目的方式来携带Token。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值