双Token实现无感刷新
本文介绍了无感刷新技术及其重要性,通过双Token机制(短效access_token和长效refresh_token)实现用户在不感知的情况下自动续期身份认证。前端使用Vue+Axios实现登录、请求携带令牌及智能令牌刷新;后端基于Node.js+Express生成与验证双令牌,并提供刷新接口。文章还强调了安全注意事项,包括合理设置refresh_token有效期、使用HTTPS传输以及防范XSS攻击等措施,确保系统既安全又具有良好用户体验。
本文介绍了无感刷新技术及其重要性,通过双Token机制(短效access_token和长效refresh_token)实现用户在不感知的情况下自动续期身份认证。前端使用Vue+Axios实现登录、请求携带令牌及智能令牌刷新;后端基于Node.js+Express生成与验证双令牌,并提供刷新接口。文章还强调了安全注意事项,包括合理设置refresh_token有效期、使用HTTPS传输以及防范XSS攻击等措施,确保系统既安全又具有良好用户体验。
文章介绍了前端开发中并发请求的几种实现方法及其控制策略,包括使用`Promise.all`进行简单并发、自定义函数限制并发数量、利用第三方库如`p-limit`实现更灵活的并发控制等。同时讨论了错误处理与重试机制的重要性,并强调了合理设置并发数以避免服务器过载或客户端性能下降、确保所有请求都被妥善处理及保证请求安全性等方面的注意事项。这些方法有助于优化用户体验和提升应用性能。
文章总结了前端实现长连接的几种常见技术,包括短轮询、长轮询、HTTP 长连接、Server-Sent Events (SSE) 和 WebSocket,并对比了它们在实时性、带宽消耗和适用场景等方面的优缺点。此外,还详细介绍了大文件切片上传的技术细节,如文件分片、唯一标识、并发控制、断点续传等关键步骤,以及如何通过这些方法提高传输可靠性和用户体验。
文章介绍了`shallowReactive`和`reactive`两种创建响应式对象的方法。`shallowReactive`仅使对象的最外层属性变为响应式,而`reactive`则递归地将对象中所有层级的数据转换为响应式。通过使用`Proxy`对象,这两种方法能够拦截对数据的读取、修改或删除操作,并在控制台输出相关信息。示例代码展示了如何自定义这两个函数以及它们的应用效果。
该文章讨论了在使用Ant Design Vue 2.x时,如何实现表格行选择功能但不显示全选框的方法。通过设置`:row-selection`属性,并指定`selectedRowKeys`、`onChange`事件处理函数以及将`columnTitle`设为空字符串来达到目的。
文章介绍了如何创建并配置`alias.config.js`文件以简化项目路径引用。首先,需创建一个名为`alias.config.js`的文件;接着,在该文件中输入指定代码,设置别名`@`指向`src`目录;最后,将此配置文件引入到项目中,以便使用路径别名简化开发过程。