前端对登录的用户信息进行存取

最新推荐文章于 2024-05-23 14:51:54 发布
最新推荐文章于 2024-05-23 14:51:54 发布
阅读量4.2k 收藏 20
点赞数 2
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45648000/article/details/112772420
版权
本文介绍了如何在前端利用Window sessionStorage进行登录用户的存取操作。详细讲述了存入用户信息的步骤，包括定义username和user_id的数据存储，并通过gettoken方法使用window.sessionStorage.getItem获取数据。同时，还讨论了用户退出时如何使用window.sessionStorage.clear清除存储信息。
摘要由CSDN通过智能技术生成

Window sessionStorage的使用

//存放
window.sessionStorage.setItem("key", "value");
//取数据
window.sessionStorage.getItem("key");
//删除指定的key的数据
window.sessionStorage.removeItem("key");
//删除所有的数据
window.sessionStorage.clear();

存入用户信息

async login(){
   
			//
最低0.47元/天 解锁文章
小小的产品经理
关注
专栏目录
若依前端Vue代码中怎样获取当前登录用户
BADAO_LIUMANG_QIZHI的博客
02-09 1万+
场景 若依微服务版手把手教你本地搭建环境并运行前后端项目： 若依微服务版手把手教你本地搭建环境并运行前后端项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依微服务 在上面搭建起来前后端架构的基础上，怎样在前端Vue代码中获取当前登录用户。 注： 博客：BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot,架构之路领域博主 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、通过 ...
JavaScript Cookie存取登录页面的信息。
weixin_42115162的博客
10-12 912
<!-- 利用javascript来设置cookie --> <script> <!-- 设置cookie的名，值和存活时间 --> <!-- exdays为设置附加时间天数即cookie存活期,username为表单中的input类型id --> function setCookie(cname,cvalue,exdays){     var d ...
前端 存储信息
偏执的小男孩儿
12-09 2591
前端-cookie-session区别
前端传入的用户名和密码是如何存储的
qq_46130027的博客
07-10 423
在用户注册或修改密码时，后端服务器会接收到明文密码，并使用密码哈希算法对密码进行处理，得到哈希摘要。然后，这个哈希摘要将被存储在数据库中。当用户登录时，后端服务器会将接收到的密码再次进行哈希处理，并与存储在数据库中的哈希摘要进行比对，以验证密码的正确性。密码通常不会以明文的形式存储，而是经过哈希算法进行处理存储其哈希摘要。这样的做法增加了密码的安全性，即使在数据库泄漏的情况下，用户的密码也能够更好地保护。
细讲前端设置cookie， 储存用户登录信息
零一的博客
05-27 9849
细讲前端设置cookie引言正文一、 设置cookie 引言 我们都知道如果想做一个用户登录并使浏览器保存其登录信息，使得用户下次再访问网页的时候无需再次进行登录操作，我们需要用到 cookies ， 今天我们就来讲讲前端如何给客户端设置 cookie 正文 一、 设置cookie 设置 cookie 其实很简单，只需要这样一行代码 <script> document.cookie = 'name=张三' </script> 我们来看看浏览器上 cookie 的信息， 可以
jquery_cookies前端存储
07-11
前端jquery_cookies.min.js，可以在引入jquery之后,在引入这个封装了的js
前端新用户注册，登录，退出登录功能实现
lightoneone的博客
12-08 2221
前端新用户注册，登录，退出登录功能实现
VUE:vuex 用户登录信息的数据写入与获取方式
10-16
下面我们将深入探讨如何使用Vuex来实现用户登录状态的管理和用户数据的存取。 首先，当用户在前端填写用户名和密码并提交登录请求时，我们需要通过异步操作（如axios或fetch）向后台服务器发送POST请求。一旦验证...
react 使用localStorage存储用户登陆状态
weixin_41973410的博客
06-21 3786
本文启发自https://www.youtube.com/watch?v=Y4NHqDp88lA 网站的登陆功能可以涉及到很多各种鉴权相关的知识，比如用户尚未登陆前无法访问网站内的其他页面，用户登陆之后访问登陆页会跳转到首页（因为已经执行了登陆操作了，按道理用户不应该还能够访问登陆页面）。这些功能的实现可以借助localStorage和react-router-dom的Redirect方法实现。 ...
前端vue项目获取当前登录用户id以及后端将MultipartFile转换为Base64字符串
weixin_42260782的博客
07-28 3653
需要注意的是，工具类中的方法，如果使用static修饰，可以直接通过类名+方法名进行调用，也可以先new一个工具类的对象，再通过对象+方法名进行调用，但是如果没有用static修饰，则只能通过new工具类对象的方法这个方式进行调用。现在的需求，用户在前端更改头像，1、获取到用户的id。2、将图片转换为Base64编码。...
在前端如何获取用户的信息呢
m0_48893127的博客
05-07 1672
在前端如何获取用户的信息呢
获取当前用户信息（前后端交互）
柯基的博客
10-13 7564
思路：点击登录–后端登录验证–验证成功后获取登录用户信息并返回–前端利用sessionStorage进行临时存储。 前端： //点击方法 login(){ var _this = this this.$axios .post('/login', { username: this.loginForm.username, password: this.loginForm.checkPass }) .
ruoyi前端获取用户信息
最新发布
m0_61601708的博客
05-23 1075
头像，用户名，id，权限，token等。
怎么从前端请求中获得登陆用户的基本信息？
weixin_43228497的博客
09-10 2141
1，不管接口是get还是post形式，不管接口入参是被@RequestParam修饰还是被@RequestBody修饰，都可以将request当作入参传过来： 则就可以直接用这个request 2，那如果接口入参中没有request，此时这样获取request： ServletRequestAttributes attributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
前端Vue怎么获取登录的用户名或用户id
zyhang666的博客
05-10 2318
1.在登录成功后getUserid是我写的后端接口函数，SetUserId将用户id保存到 localStorage 中。在需要获取登录用户名的组件中，通过读取 localStorage 来获取用户id。创建 Vuex store，并在其中定义一个用于存储用户名的状态。在登录成功后，将用户名保存到 Vuex store 中。在需要获取登录用户名的组件中，使用计算属性来获取用户名。
若依vue（前后端分离版本）前端获取登录用户id
mind_me的博客
03-26 5867
若依vue版本（前后端分离版），从缓存中获取当前登录的用户id
写一篇前端Vue怎么获取登录的用户名的博客
pleaseprintf的博客
06-25 6793
在前端开发中，获取登录用户的用户名是一项常见的需求。Vue 是一种流行的前端框架，提供了多种方法来获取登录用户名。本文将详细介绍 Vue 前端获取登录用户名的几种方法，帮助你在实际项目中轻松应用。以上是几种常见的获取登录用户名的方法，你可以根据项目需求选择适合的方式。无论是使用全局状态管理、浏览器本地存储还是后端接口，都能满足你在 Vue 前端获取登录用户名的需求。希望本文能对你在 Vue 前端获取登录用户名方面有所帮助。如有任何疑问或意见，欢迎留言讨论。需要系统源码或者BiShe加V。
前端保存信息
文盲青年的博客
03-02 351
https://blog.csdn.net/jiangyunlovec/article/details/79043580
前端vue存取token
07-28
在Vue中存取token的一种常见方式是使用Vuex状态管理库。您可以在Vuex的store中创建一个状态(例如token)，并且可以在整个应用程序中访问该状态。在示例代码中，可以看到在store.js文件中创建了一个名为token的状态，并通过mutations中的setToken方法来更新该状态的值\[1\]。在需要使用token的组件中，可以通过在computed属性中获取该状态的值，或者使用mapState辅助函数来获取该状态\[2\]。 另外，为了在路由跳转时进行权限控制，可以使用Vue Router的导航守卫。在示例代码中，可以看到在router.js文件中使用了beforeEach导航守卫。在每次路由跳转之前，会先判断是否存在token，如果存在则继续跳转，否则跳转到登录页面\[3\]。 总结起来，前端Vue存取token的一般步骤是： 1. 在Vuex的store中创建一个名为token的状态，并通过mutations来更新该状态的值。 2. 在需要使用token的组件中，通过computed属性或mapState辅助函数获取该状态的值。 3. 在Vue Router中使用导航守卫进行权限控制，判断是否存在token来决定是否允许路由跳转。 希望对您有所帮助！ #### 引用[.reference_title] - *1* *2* [在 vue 中存储全局token](https://blog.csdn.net/weixin_42589700/article/details/129574275)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue存储和使用后端传递过来的token](https://blog.csdn.net/u012848304/article/details/126525271)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值