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

lauwen
+关注
目录
打赏
0
0
0
0
5
分享
相关文章
vue-element-admin 综合开发四:axios安装和封装、mock安装/学习/使用
这篇文章是关于如何在Vue项目中使用axios进行网络请求、二次封装axios以及使用mockjs模拟响应数据的教程。
151 1
vue-element-admin 综合开发四:axios安装和封装、mock安装/学习/使用
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
88 22
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
134 4
学习gin-vue-admin之创建api和swagger
学习gin-vue-admin之创建api和swagger
|
10月前
|
API
Vue3-admin-template 框架修改登录页面
Vue3-admin-template 框架修改登录页面
744 0
解决Vue项目请求接口跨域的问题,配置Vue项目index.js代理请求服务器端接口
解决Vue项目请求接口跨域的问题,配置Vue项目index.js代理请求服务器端接口
解决Vue项目请求接口跨域的问题,配置Vue项目index.js代理请求服务器端接口
django和vue 请求403 FORBIDDEN怎么办
在请求头里,添加X-CSRFToken, 取自浏览器里的cookie 再附上取cookie的源码
103 0
vue-element-admin提交表单数据到后端
vue-element-admin提交表单数据到后端
193 0
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
733 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等