logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VUE中拦截请求并无感知刷新token

应用场景前端登录后,后端返回token和token失效时间,当达到特定条件(本文以距离token过期两小时为例),前端需要主动请求token刷新接口去获取一个新的token,做到用户无感知地去刷新token。思路拦截请求判断是否达到需要刷新token的条件,符合条件则刷新token并将请求存入一个重试队列中,当token刷新后,执行重试队列中的函数,达到刷新token的效果,需要注意的是,当多个请

#vue.js#前端#javascript
vite将vue3打包成非type=“module“的方式

公司的新需求,要将一个vue项目打包,丢进一个app里头,然后用iframe显示出来,结果前期一切正常,因为都是用苹果测的,后来试了一下安卓手机,发现打不开了,经过一番调试,最终发现是使用了module,引入的js文件压根就没有执行,最后经过一番折腾,改了一下打包方式,终于是解决了问题,在此做一下记录o(然后就ok了,大功告成!

文章图片
#vue.js#javascript#前端
vite将vue3打包成非type=“module“的方式

公司的新需求,要将一个vue项目打包,丢进一个app里头,然后用iframe显示出来,结果前期一切正常,因为都是用苹果测的,后来试了一下安卓手机,发现打不开了,经过一番调试,最终发现是使用了module,引入的js文件压根就没有执行,最后经过一番折腾,改了一下打包方式,终于是解决了问题,在此做一下记录o(然后就ok了,大功告成!

文章图片
#vue.js#javascript#前端
浏览器调用摄像头

背景来了来了,用户奇怪的需求又来了,是这样的,原生的文件上传,在移动设备上是可以调用摄像头现拍然后直接上传的,而web端则是弹出选择图片的窗口,而用户用的那个平板,确实后者,他想直接拍直接上传,然后我就想,把设备的照相机功能放在任务栏不就行了吗,结果他们说,操作的工人都是年龄比较大的老工人了,那么繁琐的操作他们整不明白…然后我就只能,封装个组件…话不多说,上代码:ps:需要注意的是,浏览器只支持

#javascript#前端#html5 +2
到底了