浅念
60 lines
1.7 KiB
Vue
60 lines
1.7 KiB
Vue
<template>
|
||
<div class="feishu-callback">
|
||
<div v-if="loading">正在登录，请稍候...</div>
|
||
<div v-else-if="error">{{ error }}</div>
|
||
<div v-else>登录成功，正在跳转...</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { onMounted, ref } from 'vue'
|
||
import { useRouter } from 'vue-router'
|
||
import { useUserStore } from '@/store/modules/user'
|
||
import { UserService } from '@/api/usersApi'
|
||
|
||
const loading = ref(true)
|
||
const error = ref('')
|
||
const userStore = useUserStore()
|
||
const router = useRouter()
|
||
onMounted(async () => {
|
||
const urlParams = new URLSearchParams(window.location.search)
|
||
const code = urlParams.get('code')
|
||
const state = urlParams.get('state')
|
||
if (!code) {
|
||
error.value = '未获取到飞书授权 code'
|
||
loading.value = false
|
||
return
|
||
}
|
||
try {
|
||
// 调用后端接口换 token，接口路径请根据实际情况调整
|
||
const { data } = await UserService.login({
|
||
feishu_code: code
|
||
})
|
||
// 存储token和用户信息
|
||
userStore.setToken(data.access_token, data.refresh_token, data.expires_in)
|
||
const userInfo = await UserService.getUserInfo()
|
||
userStore.setUserInfo(userInfo)
|
||
userStore.setLoginStatus(true)
|
||
userStore.sethome_page(data.home_url)
|
||
localStorage.setItem('home_page', data.home_url)
|
||
router.push(data.home_url)
|
||
// router.replace('/')
|
||
} catch (e: any) {
|
||
error.value = e?.response?.data?.message || '登录失败，请重试'
|
||
router.replace('/')
|
||
} finally {
|
||
loading.value = false
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<style scoped>
|
||
.feishu-callback {
|
||
min-height: 200px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 18px;
|
||
color: #333;
|
||
}
|
||
</style> |