Gin-Vue-Admin 前后端获取用户信息方式

简介: Gin-Vue-Admin 前后端获取用户信息方式

前端


前端登陆成功后,gin-vue-admin会将登录用户存储到vuex中,所以获取时直接在vuex中获取就好,具体代码如下:

计算属性中获取


下面同时获取了登陆后的token和用户信息

computed: {
    ...mapGetters('user', ['userInfo', 'token'])
},

使用


console.log('user-info', this.userInfo)
console.log('token', this.token)

image.png

后端


有以下三个方法,分别是获取登录用户ID(utils.GetUserID(c))、获取登录用户UUID(utils.GetUserUuid(c))以及获取登录用户信息(utils.GetUserInfo(c))

func (s *SystemApi) TestUserInfo(c *gin.Context) {
  fmt.Println("UserID", utils.GetUserID(c))
  fmt.Println("UserUuid", utils.GetUserUuid(c))
  fmt.Println("UserInfo", utils.GetUserInfo(c))
}

image.png

目录
相关文章
|
前端开发 应用服务中间件 Linux
Gin-Vue-Admin 线上部署
Gin-Vue-Admin 线上部署
678 0
Gin-Vue-Admin 线上部署
|
2月前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
61 22
|
2月前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
83 4
|
4月前
|
存储 JavaScript 小程序
|
5月前
|
存储 API Go
学习gin-vue-admin之创建api和swagger
学习gin-vue-admin之创建api和swagger
|
7月前
|
存储 前端开发 网络架构
vue3-admin-element框架实现动态路由(根据接口返回)
vue3-admin-element框架实现动态路由(根据接口返回)
274 1
|
7月前
|
API
Vue3-admin-template 框架修改登录页面
Vue3-admin-template 框架修改登录页面
561 0
|
7月前
|
JavaScript 定位技术 数据安全/隐私保护
vue-next-admin框架的认识
vue-next-admin框架的认识
1067 0
vue-element-admin提交表单数据到后端
vue-element-admin提交表单数据到后端
166 0
|
自然语言处理 JavaScript 前端开发
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
552 0

热门文章

最新文章