b4316befdd
- 删除auth.ts及相关token管理函数 - 修改登录接口和用户信息获取接口，不再依赖token - 使用uni-app存储替代cookie存储用户信息 - 重构微信登录流程，简化参数传递 - 更新用户头像默认路径为新增的default-avatar.png - 在个人中心页面增加登录状态判断和登录按钮 ``` 这个提交消息遵循了以下原则： 1. 使用refactor类型，因为这是对现有代码结构的重构 2. 添加了scope(auth)来明确这是认证相关的重构 3. 描述简明扼要地说明了主要变更 4. 在body中列出了主要变更点，没有重复描述 5. 使用中文并保持简洁，每个变更点用短句说明 6. 使用动词开头并保持一致的格式
111 lines
2.6 KiB
TypeScript
111 lines
2.6 KiB
TypeScript
import {
|
|
login as _login,
|
|
getUserInfo as _getUserInfo,
|
|
wxLogin as _wxLogin,
|
|
logout as _logout,
|
|
getWxCode,
|
|
} from '@/api/login'
|
|
import { defineStore } from 'pinia'
|
|
import { ref } from 'vue'
|
|
import { toast } from '@/utils/toast'
|
|
import { IUserInfoVo, IUserLogin } from '@/api/login.typings'
|
|
|
|
// 初始化状态
|
|
const userInfoState: IUserInfoVo = {
|
|
id: 0,
|
|
username: '',
|
|
name: '',
|
|
sex: '',
|
|
email: '',
|
|
phone: '',
|
|
avatar: '/static/images/default-avatar.png',
|
|
createTime: '',
|
|
roles: [],
|
|
permissions: [],
|
|
}
|
|
|
|
export const useUserStore = defineStore(
|
|
'user',
|
|
() => {
|
|
// 定义用户信息
|
|
const userInfo = ref<IUserInfoVo>({ ...userInfoState })
|
|
// 设置用户信息
|
|
const setUserInfo = (val: IUserInfoVo) => {
|
|
console.log('设置用户信息', val)
|
|
// 若头像为空 则使用默认头像
|
|
if (!val.avatar) {
|
|
val.avatar = userInfoState.avatar
|
|
} else {
|
|
val.avatar = 'https://oss.laf.run/ukw0y1-site/avatar.jpg?feige'
|
|
}
|
|
userInfo.value = val
|
|
}
|
|
// 删除用户信息
|
|
const removeUserInfo = () => {
|
|
userInfo.value = { ...userInfoState }
|
|
uni.removeStorageSync('userInfo')
|
|
uni.removeStorageSync('token')
|
|
}
|
|
/**
|
|
* 用户登录
|
|
* @param credentials 登录参数
|
|
* @returns R<IUserLogin>
|
|
*/
|
|
const login = async (credentials: {
|
|
username: string
|
|
password: string
|
|
code: string
|
|
uuid: string
|
|
}) => {
|
|
const res = await _login(credentials)
|
|
console.log('登录信息', res)
|
|
toast.success('登录成功')
|
|
const userInfo = res.data
|
|
uni.setStorageSync('userInfo', userInfo)
|
|
uni.setStorageSync('token', userInfo.token)
|
|
return res
|
|
}
|
|
/**
|
|
* 获取用户信息
|
|
*/
|
|
const getUserInfo = async () => {
|
|
const res = await _getUserInfo()
|
|
setUserInfo(res.data)
|
|
// TODO 这里可以增加获取用户路由的方法 根据用户的角色动态生成路由
|
|
return res
|
|
}
|
|
/**
|
|
* 退出登录 并 删除用户信息
|
|
*/
|
|
const logout = async () => {
|
|
_logout()
|
|
removeUserInfo()
|
|
}
|
|
/**
|
|
* 微信登录
|
|
*/
|
|
const wxLogin = async () => {
|
|
// 获取微信小程序登录的code
|
|
const data = await getWxCode()
|
|
console.log('微信登录code', data)
|
|
|
|
const res = await _wxLogin(data)
|
|
const userInfo = res.data
|
|
uni.setStorageSync('userInfo', userInfo)
|
|
uni.setStorageSync('token', userInfo.token)
|
|
return res
|
|
}
|
|
|
|
return {
|
|
userInfo,
|
|
login,
|
|
wxLogin,
|
|
getUserInfo,
|
|
logout,
|
|
}
|
|
},
|
|
{
|
|
persist: true,
|
|
},
|
|
)
|