- 博客(10)
- 收藏
- 关注
原创 token过期判断及自动退出登录
(sessionStorage是浏览器提供的一种用于在当前会话期间存储数据,这里通过调用sessionStorage.getItem("token")方法从浏览器的sessionStorage中获取名为"token"的数据,即后端传来的token信息。首先对code和info进行判断,是否为Token过期的状态,如果为Token过期的状态,则提示用户重新登录,并清除sessionStorage中的token信息。当用户点击取消按钮时,try块中的代码会抛出一个异常,然后程序会跳转到catch块。
2024-10-12 11:33:40
1235
原创 流式输出实现
流式输出(Streaming Output)是一种数据传输方式,允许在数据生成的同时逐步接收和处理数据,而不是等待整个数据集的传输完成。
2024-10-11 20:04:43
546
原创 vue项目:token过期后自动更新token,提示登陆过期并退出登录,跳转到登录页面重新登录
确保你安装了elementui,因为提示登录过期的弹框是 elementui组件。
2024-06-26 19:18:11
2321
原创 如何模拟token过期?实现token过期后自动退登
在前端想做token过期后自动退登时,我们并不能去设置token的超时时长,这是由后端来做的,而通常这个时长又非常长,我们不可能去等待Token过期了再去调试。所以我们尝试模拟token过期的情况,
2024-06-25 11:44:47
763
原创 什么是token?token 在vue项目中起到什么作用?
在一个 Vue 项目中,"token" 通常指的是用户认证所用的令牌(token)。这个令牌是服务器生成并返回给客户端(通常是前端应用程序,比如 Vue.js 应用),用于验证用户的身份和权限。这样,Vue 项目中的 Token 就起到了身份验证和授权的作用,确保了用户操作的安全性和可控性。如何使用 Token。
2024-06-24 19:13:41
294
原创 vue项目中点击顶部导航定位到页面指定位置
在导航的位置加一个@click="handleTabClick",此处的handleTabClick你可以自定义名字,只要和script中的方法调用名字一致就可以。二、添加ref属性在你想定位到达的部分添加一个ref属性,你可以自定义它的名字,这里给出的示例是,点击导航中的资源展示和资源查询,定位到教育资源展示和教育资源查询的部分:三、script中的操作
2024-05-10 19:09:10
1515
原创 Vue项目实现导航 切换以及相关文件配置
每个页面通常对应一个.vue文件,其中包含页面的模板、样式和行为逻辑。你需要确保你的两个页面分别有对应的.vue文件。:导航一般是通过用户的交互来触发的,比如点击按钮、链接或者其他事件。在你的组件中,你需要添加触发导航的代码,可以是使用。:在该文件中配置路由信息,定义路径和对应的组件。你需要确保在这里配置了你想要导航切换的页面对应的路由信息。在这个示例中,点击按钮会触发导航到对应的页面。你可以根据你的具体需求和代码结构进行调整。组件或者编程式导航的方式。
2024-03-04 18:33:09
403
原创 Vue项目启动自动在浏览器打开
默认情况下,Vue 项目使用的开发服务器通常会在终端中输出访问地址(如 localhost:8080),但并不会自动在浏览器中打开这个地址。
2024-03-04 17:50:33
2216
原创 npm run serve出现错误:npm ERR! missing script: servenpm ERR! A complete log of this run can be found in:
错误原因:出现 npm ERR!的错误表明在package.json文件中缺少名为serve的脚本定义,因此npm无法找到要运行的版本。
2024-02-27 20:46:38
9609
1
原创 npm ERR! code ENOLOCALnpm ERR! Could not install from ““ as it does not contain a package.json file
npm install出现错误npm ERR! code ENOLOCALnpm ERR! Could not install from "" as it does not contain a package.json file
2024-02-27 20:21:03
507
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人