logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

十一、vue3后台项目系列——封装请求,存储token,api统一化管理,封装token的处理工具

本文介绍了登录功能中Token存储的最佳实践方案。文章对比了Cookie与localStorage存储Token的差异,详细分析了Cookie的五大优势:自动携带请求头、支持HttpOnly防XSS攻击、SameSite防CSRF攻击、自动过期机制以及跨域可控性。同时提供了axios请求封装方案,推荐使用js-cookie库管理Token,并展示了API模块化管理和Mock接口的实现方法。全文重点

#vue.js#前端#javascript
vue对axios进行请求响应封装

像是在一些业务逻辑上,比如需要在请求之前展示loading效果,或者在登录的时候判断身份信息(token)等信息有没有过期,再者根据服务器响应回来的code码进行相应的提示信息。等等在请求之前,之后做的一些逻辑,都可以通过二次封装axios请求,进行实现。这里是对axios封装的一种形式,有多种形式,具体要根据具体业务需求去定。不再啰嗦,直接上具体代码吧,供参考!创建一个文件夹用于存放接口的请求,

文章图片
#vue.js#前端#javascript
uniapp,实时获取系统时间(动态显示)

在开发中,如果涉及到时间有关的,有可能需要把系统的时间以动态的形式展示出来。

文章图片
#uni-app#前端#微信小程序 +3
uni-popup(实现自定义弹窗提示、交互)

一般提示框的样式,一般由设计稿而定,如果用uniapp的showmodel,那个并不能满足我们需要的自定义样式,所以最好的方式是我们自己封装一个!(想什么样就什么样)!

文章图片
#交互#前端#javascript +2
使用uniapp开发小程序(分包处理)

使用uniapp开发小程序,在上传代码进行提交审核发布,会涉及到一个问题,就是小程序的大小有限制,不通过代码审核就发布不了。而分包是优化你代码大小的其中之一。:在配置分包路由和构建配置时,需要确保各个子包内部的资源路径配置正确,以便能够正确加载对应的资源文件。在大型项目中,可以根据功能模块将相关的页面和组件放入不同的分包中,便于团队协作和管理。将较少使用的页面或组件放入分包中,可以减少主包的体积,

文章图片
#uni-app#小程序#前端
uniapp开发小程序获取定位信息(腾讯地图)

定位一直是一个让人头疼的问题,不是这个有问题就是那里有问题。这里结合我多方查找和实际运行,获得的一些经验给予分享。

文章图片
#uni-app
element-plus+vue3项目(侧边栏菜单的使用和历史记录切换问题的解决(高点效果对应不上))

描述:当我点击左边侧边栏的时候,选中高亮能够选中,但是在浏览器上面点击左右回退,他的高亮就乱来了,比如我点击修改通知---->项目管理,然后点击上面浏览器的回退按钮,右边内容能够对应回退,但是高亮选中效果保留到了修改通知。默认是没有问题的,但是我再从修改通知---->项目管理---->修改通知,按道理来说,回退一步,应该回到项目管理,高亮也是,但是他高亮显示到了修改通知,产生了错乱。从修改通知--

文章图片
#vue.js#elementui#javascript
element-plus+vue3(表格删除某一行操作,显示气泡类型的提示删除确认)

在进行删除某一行表格的数据,往往需要进行提示是否删除,选中确认之后才进行删除该项。

文章图片
#vue.js#前端#javascript
vue对axios进行请求响应封装

像是在一些业务逻辑上,比如需要在请求之前展示loading效果,或者在登录的时候判断身份信息(token)等信息有没有过期,再者根据服务器响应回来的code码进行相应的提示信息。等等在请求之前,之后做的一些逻辑,都可以通过二次封装axios请求,进行实现。这里是对axios封装的一种形式,有多种形式,具体要根据具体业务需求去定。不再啰嗦,直接上具体代码吧,供参考!创建一个文件夹用于存放接口的请求,

文章图片
#vue.js#前端#javascript
element-plus表格合并

element-plus表格合并,多级动态合并

文章图片
#javascript#开发语言#ecmascript
    共 12 条
  • 1
  • 2
  • 请选择