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 线上部署
680 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
|
5月前
|
存储 API Go
学习gin-vue-admin之创建api和swagger
学习gin-vue-admin之创建api和swagger
|
7月前
|
API
Vue3-admin-template 框架修改登录页面
Vue3-admin-template 框架修改登录页面
567 0
|
7月前
|
JavaScript API
解决Vue项目请求接口跨域的问题,配置Vue项目index.js代理请求服务器端接口
解决Vue项目请求接口跨域的问题,配置Vue项目index.js代理请求服务器端接口
解决Vue项目请求接口跨域的问题,配置Vue项目index.js代理请求服务器端接口
vue-element-admin提交表单数据到后端
vue-element-admin提交表单数据到后端
166 0
|
自然语言处理 JavaScript 前端开发
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
554 0
|
JavaScript 前端开发 Java
|
JavaScript 前端开发 Java