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 线上部署
588 0
Gin-Vue-Admin 线上部署
|
1月前
|
存储 API Go
学习gin-vue-admin之创建api和swagger
学习gin-vue-admin之创建api和swagger
|
3月前
|
API
Vue3-admin-template 框架修改登录页面
Vue3-admin-template 框架修改登录页面
191 0
|
8月前
|
开发框架 移动开发 JavaScript
Vue中的Uni-App与springboot交互实现增删改查
在开发Web应用程序时,前端和后端协作是必不可少的。在本文中,我们将介绍如何在Vue框架下使用Uni-App实现前端和Java后台数据的交互,并演示如何通过Uni-App向Java后台发送请求来实现增删改查操作。文章最后会有前后端代码,
256 2
|
10月前
|
存储 前端开发 中间件
使用vue3+koa2对token的鉴权处理
使用vue3+koa2对token的鉴权处理
61 0
使用vue3+koa2对token的鉴权处理
|
9月前
vue-element-admin提交表单数据到后端
vue-element-admin提交表单数据到后端
104 0
|
JavaScript 前端开发 Java
|
JavaScript 前端开发 Java
|
缓存 前端开发 算法
Vue3 + Nest 实现权限管理系统 后端篇(二):使用 JWT 实现注册与登录
Vue3 + Nest 实现权限管理系统 后端篇(二):使用 JWT 实现注册与登录
780 0
|
JavaScript
Vue——多页面不共用token进行拦截
多页面不共用token进行拦截
111 0