创建项目

src/views/auth/feishu-callback.vue

@@ -0,0 +1,60 @@
+<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>