uniapp获取用户信息（登录及个人中心页面的实现）

肖肖冲鸭

已于 2022-07-27 22:20:03 修改

阅读量8.1k

点赞数 5

分类专栏：项目 uniapp 文章标签： javascript 微信小程序开发语言

于 2022-07-27 22:19:39 首次发布

本文链接：https://blog.csdn.net/weixin_48952990/article/details/126024066

版权

因为在微信小程序中wx.getuserInfo已经失效，所以我们在uniapp中也应该使用wx.getUserProfile来获取用户信息
页面的逻辑

一上来加载个人中心页，当用户点击未登录三个字时跳转登录页
登录页点击微信登录应该跳出授权弹窗获取用户的授权信息（使用wx.getUserProfile）
当用户点击同意授权时，应该将获取的用户信息使用同步或者异步存储存储到storage中（wx.setStorageSync），以便个人中心页使用，并且同时跳转到个人中心页（wx.reLaunch）
login.vue

			getuserinfo(e) {
   
				wx.getUserProfile({
   
					desc:'用户完善个人信息',
					success: (res) => {
   
						// console.log(res)
						let userInformation=res.userInfo
						wx.setStorageSync(