整体思路:
前台获取用户数据,向后台发送post请求,验证成功后
前台接受数据,改变用户登录状态
将登录状态及用户数据写入到state中
这样多个页面就可以直接使用this.$store.getters.getuname调用state中的用户信息
1. 向后台发送请求,若成功返回用户名,密码,使用 this.$store.dispatch(‘setLogin', true);将数据写入到state中
页面:login.vue
代码:
this.loginData = await getUserInfo(this.uname,this.pwd); console.log(this.loginData); if(this.loginData.res==1){ this.$store.dispatch('setLogin', true); this.$store.dispatch('setAccount',this.loginData.obj.phone );
2.将数据写到state中
页面:action.js
代码:
setAccount ({commit}, platform) { commit('SET_ACCOUNT', platform); },
3.将数据写到state中
页面:mutation.js
代码:
SET_ACCOUNT (state, platform) { state.account = platform; },
4. 添加获取state中对应数据方法
页面:getter.js
代码:
getuname: (state) => state.account, homepage.vue中使用
5. 使用this.$store.getters.getuname调取数据
页面:login.vue
代码:
console.log( this.$store.getters.getuname)
以上这篇VUE:vuex 用户登录信息的数据写入与获取方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。
cmf_get_current_user() 功能 获取当前登录的前台用户的信息,未登录时,返回false 参数 无 返回 array:用户信息;false表示未登录;
cmf_get_current_user() 功能 获取当前登录的前台用户的信息,未登录时,返回false 参数 无 返回 array:用户信息;false表示未登录;
接口说明 获取当前登录用户的信息 如需调用,请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 API地址 GET /usercenter/api/userinfo/v1.0.0/getLoginUserInfo 是否需要登录 是 请求字段说明 参数 类型 请求类型 是否必须 说明 token string header 是 当前登录用户的TOKEN 响应字段说明 参
接口说明 获取当前登录用户的信息 如需调用,请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 如开启https功能,请求地址的协议应改为https,如:https://www.example.com/wish3dearth/api/access/v1.0.0/getLicenseInfo API地址 GET /usercenter/api/userinfo/v1.0
sp_get_current_user() 功能: 获取当前登录用户信息,包括users表里详细信息; 参数: 无 返回: 数组,用户包括users表里详细信息
问题内容: 我正在使用https://github.com/kataras/iris Go网络框架。我有: 用户注册 用户已验证并登录 创建会话并使用用户键(表和结构)进行设置 现在,这是我用于登录用户的代码: 在authcheck中间件中 我的会议功能 现在,我的问题是,如何将“已记录的用户”值共享给模板中的所有路由。我当前的选项是: 但是上述代码的问题是,我将不得不为每个路由编写会话,然后为我