76 lines
2.4 KiB
Vue
76 lines
2.4 KiB
Vue
<template>
|
||
<div>
|
||
<p>回调页面，加载授权信息中...</p>
|
||
</div>
|
||
</template>
|
||
<script lang="ts" setup>
|
||
//获取query参数
|
||
import { useRouter, useRoute } from 'vue-router';
|
||
import { onMounted } from 'vue';
|
||
import { getTokenByCode } from '@/api/user.js';
|
||
import { GetUserInfoService } from "@/api/user.js";
|
||
import { ElMessage } from 'element-plus';
|
||
const route = useRoute();
|
||
|
||
const router = useRouter();
|
||
|
||
interface UserToken {
|
||
access_token: string; // 访问令牌
|
||
refresh_token: string; // 刷新令牌
|
||
user_id: number; // 用户ID
|
||
username: string; // 用户名
|
||
email: string; // 用户邮箱
|
||
}
|
||
|
||
onMounted(async () => {
|
||
// 获取query参数
|
||
const queryParams = route.query;
|
||
console.log('Received query parameters:', queryParams);
|
||
let code = queryParams.code;
|
||
//alert('Received code: ' + code);
|
||
if (code) {
|
||
let req = {
|
||
code: code,
|
||
};
|
||
await getTokenByCode(req).then(async (res: any) => {
|
||
if (res.code === 0) {
|
||
ElMessage.success('获取Token成功');
|
||
let userTokenInfo: UserToken = res.data;
|
||
localStorage.setItem("token", userTokenInfo.access_token);
|
||
localStorage.setItem("refresh_token", userTokenInfo.refresh_token);
|
||
localStorage.setItem("userId", userTokenInfo.user_id.toString());
|
||
localStorage.setItem("username", userTokenInfo.username);
|
||
await getMyUserInfo(userTokenInfo.user_id);
|
||
} else {
|
||
console.error('获取Token失败:', res.message);
|
||
ElMessage.error('获取Token失败: ' + res.message);
|
||
}
|
||
}).catch((error: any) => {
|
||
console.error('请求错误:', error);
|
||
});
|
||
}
|
||
|
||
});
|
||
|
||
const getMyUserInfo = async (id) => {
|
||
let result = {};
|
||
try {
|
||
let tokenData = {
|
||
token: localStorage.getItem("token"),
|
||
id: id,
|
||
};
|
||
result = await GetUserInfoService(tokenData);
|
||
//alert("get_user_info:" + JSON.stringify(result));
|
||
if (result['code'] === 0) {
|
||
//console.log("token data:",this.tokenData)
|
||
localStorage.setItem("video_func", result['data']['VideoFunc']);
|
||
localStorage.setItem("device_func", result['data']['DeviceFunc']);
|
||
localStorage.setItem("cid_func", result['data']['CIDFunc']);
|
||
localStorage.setItem("role", result['data']['Role']);
|
||
router.push("/user");
|
||
}
|
||
} catch (e) {
|
||
console.log(e);
|
||
}
|
||
};
|
||
</script> |