第一步

frontend/src/App.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router'
+</script>
+
+<template>
+  <RouterView />
+</template>

frontend/src/App.vue.js

@@ -0,0 +1,26 @@
+import { RouterView } from 'vue-router';
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.RouterView;
+/** @type {[typeof __VLS_components.RouterView, ]} */ ;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
+const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+var __VLS_3;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            RouterView: RouterView,
+        };
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

frontend/src/api/client.js

@@ -0,0 +1,35 @@
+import axios from 'axios';
+import { ElMessage } from 'element-plus';
+const apiClient = axios.create({
+    baseURL: '/api',
+    timeout: 30000,
+    withCredentials: true,
+    headers: {
+        'X-Requested-With': 'XMLHttpRequest',
+    },
+});
+// 响应拦截：统一错误处理
+apiClient.interceptors.response.use((response) => response, (error) => {
+    if (error.response) {
+        const { status, data } = error.response;
+        // 未登录 → 跳转登录页
+        if (status === 401) {
+            // 避免在登录页循环跳转
+            if (window.location.pathname !== '/login') {
+                window.location.href = '/login';
+            }
+            return Promise.reject(error);
+        }
+        // 业务错误：显示服务端中文文案
+        const message = data?.message || '请求失败';
+        ElMessage.error(message);
+    }
+    else if (error.request) {
+        ElMessage.error('网络错误，请检查连接。');
+    }
+    else {
+        ElMessage.error('请求配置错误。');
+    }
+    return Promise.reject(error);
+});
+export default apiClient;

frontend/src/api/client.ts

@@ -0,0 +1,41 @@
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+
+const apiClient = axios.create({
+  baseURL: '/api',
+  timeout: 30000,
+  withCredentials: true,
+  headers: {
+    'X-Requested-With': 'XMLHttpRequest',
+  },
+})
+
+// 响应拦截：统一错误处理
+apiClient.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response) {
+      const { status, data } = error.response
+
+      // 未登录 → 跳转登录页
+      if (status === 401) {
+        // 避免在登录页循环跳转
+        if (window.location.pathname !== '/login') {
+          window.location.href = '/login'
+        }
+        return Promise.reject(error)
+      }
+
+      // 业务错误：显示服务端中文文案
+      const message = data?.message || '请求失败'
+      ElMessage.error(message)
+    } else if (error.request) {
+      ElMessage.error('网络错误，请检查连接。')
+    } else {
+      ElMessage.error('请求配置错误。')
+    }
+    return Promise.reject(error)
+  },
+)
+
+export default apiClient

frontend/src/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<object, object, unknown>
+  export default component
+}

frontend/src/main.js

@@ -0,0 +1,12 @@
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import ElementPlus from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import 'element-plus/dist/index.css';
+import App from './App.vue';
+import router from './router';
+const app = createApp(App);
+app.use(createPinia());
+app.use(router);
+app.use(ElementPlus, { locale: zhCn });
+app.mount('#app');

frontend/src/main.ts

@@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import 'element-plus/dist/index.css'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus, { locale: zhCn })
+app.mount('#app')

frontend/src/router/index.js

@@ -0,0 +1,37 @@
+import { createRouter, createWebHistory } from 'vue-router';
+const router = createRouter({
+    history: createWebHistory(),
+    routes: [
+        {
+            path: '/login',
+            name: 'Login',
+            component: () => import('@/views/Login.vue'),
+        },
+        {
+            path: '/register',
+            name: 'Register',
+            component: () => import('@/views/Register.vue'),
+        },
+        {
+            path: '/',
+            name: 'Dashboard',
+            component: () => import('@/views/Dashboard.vue'),
+        },
+        {
+            path: '/knowledge-bases',
+            name: 'KnowledgeBases',
+            component: () => import('@/views/KnowledgeBases.vue'),
+        },
+        {
+            path: '/knowledge-bases/:id',
+            name: 'KbDetail',
+            component: () => import('@/views/KbDetail.vue'),
+        },
+        {
+            path: '/settings',
+            name: 'Settings',
+            component: () => import('@/views/Settings.vue'),
+        },
+    ],
+});
+export default router;

frontend/src/router/index.ts

@@ -0,0 +1,39 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/login',
+      name: 'Login',
+      component: () => import('@/views/Login.vue'),
+    },
+    {
+      path: '/register',
+      name: 'Register',
+      component: () => import('@/views/Register.vue'),
+    },
+    {
+      path: '/',
+      name: 'Dashboard',
+      component: () => import('@/views/Dashboard.vue'),
+    },
+    {
+      path: '/knowledge-bases',
+      name: 'KnowledgeBases',
+      component: () => import('@/views/KnowledgeBases.vue'),
+    },
+    {
+      path: '/knowledge-bases/:id',
+      name: 'KbDetail',
+      component: () => import('@/views/KbDetail.vue'),
+    },
+    {
+      path: '/settings',
+      name: 'Settings',
+      component: () => import('@/views/Settings.vue'),
+    },
+  ],
+})
+
+export default router

frontend/src/stores/user.js

@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+export const useUserStore = defineStore('user', () => {
+    const isLoggedIn = ref(false);
+    const username = ref('');
+    const userId = ref('');
+    function setUser(data) {
+        isLoggedIn.value = true;
+        userId.value = data.id;
+        username.value = data.username;
+    }
+    function clearUser() {
+        isLoggedIn.value = false;
+        userId.value = '';
+        username.value = '';
+    }
+    return { isLoggedIn, username, userId, setUser, clearUser };
+});

frontend/src/stores/user.ts

@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useUserStore = defineStore('user', () => {
+  const isLoggedIn = ref(false)
+  const username = ref('')
+  const userId = ref('')
+
+  function setUser(data: { id: string; username: string }) {
+    isLoggedIn.value = true
+    userId.value = data.id
+    username.value = data.username
+  }
+
+  function clearUser() {
+    isLoggedIn.value = false
+    userId.value = ''
+    username.value = ''
+  }
+
+  return { isLoggedIn, username, userId, setUser, clearUser }
+})

frontend/src/views/Dashboard.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+// Phase 14 完善仪表盘
+</script>
+
+<template>
+  <div class="dashboard-page">
+    <h1>仪表盘</h1>
+    <p>Dashboard（Phase 14 完善）</p>
+  </div>
+</template>

frontend/src/views/Dashboard.vue.js

@@ -0,0 +1,22 @@
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+    ...{ class: "dashboard-page" },
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.h1, __VLS_intrinsicElements.h1)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+/** @type {__VLS_StyleScopedClasses['dashboard-page']} */ ;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

frontend/src/views/KbDetail.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+// Phase 4 实现知识库详情
+</script>
+
+<template>
+  <div>
+    <h1>知识库详情</h1>
+    <p>知识库详情（Phase 4 实现）</p>
+  </div>
+</template>

frontend/src/views/KbDetail.vue.js

@@ -0,0 +1,19 @@
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.h1, __VLS_intrinsicElements.h1)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

frontend/src/views/KnowledgeBases.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+// Phase 4 实现知识库列表
+</script>
+
+<template>
+  <div>
+    <h1>知识库</h1>
+    <p>知识库列表（Phase 4 实现）</p>
+  </div>
+</template>

frontend/src/views/KnowledgeBases.vue.js

@@ -0,0 +1,19 @@
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.h1, __VLS_intrinsicElements.h1)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

frontend/src/views/Login.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+// Phase 3 实现登录逻辑
+</script>
+
+<template>
+  <div class="login-page">
+    <el-card class="login-card">
+      <template #header>
+        <h2>AI Knowledge Link</h2>
+      </template>
+      <p>登录页面（Phase 3 实现）</p>
+    </el-card>
+  </div>
+</template>
+
+<style scoped>
+.login-page {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background: #f5f7fa;
+}
+.login-card {
+  width: 400px;
+}
+</style>

frontend/src/views/Login.vue.js

@@ -0,0 +1,39 @@
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+// CSS variable injection 
+// CSS variable injection end 
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+    ...{ class: "login-page" },
+});
+const __VLS_0 = {}.ElCard;
+/** @type {[typeof __VLS_components.ElCard, typeof __VLS_components.elCard, typeof __VLS_components.ElCard, typeof __VLS_components.elCard, ]} */ ;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ class: "login-card" },
+}));
+const __VLS_2 = __VLS_1({
+    ...{ class: "login-card" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+__VLS_3.slots.default;
+{
+    const { header: __VLS_thisSlot } = __VLS_3.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({});
+}
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['login-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['login-card']} */ ;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

frontend/src/views/Register.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+// Phase 3 实现注册逻辑
+</script>
+
+<template>
+  <div class="register-page">
+    <el-card class="register-card">
+      <template #header>
+        <h2>注册</h2>
+      </template>
+      <p>注册页面（Phase 3 实现）</p>
+    </el-card>
+  </div>
+</template>
+
+<style scoped>
+.register-page {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background: #f5f7fa;
+}
+.register-card {
+  width: 400px;
+}
+</style>

frontend/src/views/Register.vue.js

@@ -0,0 +1,39 @@
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+// CSS variable injection 
+// CSS variable injection end 
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+    ...{ class: "register-page" },
+});
+const __VLS_0 = {}.ElCard;
+/** @type {[typeof __VLS_components.ElCard, typeof __VLS_components.elCard, typeof __VLS_components.ElCard, typeof __VLS_components.elCard, ]} */ ;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ class: "register-card" },
+}));
+const __VLS_2 = __VLS_1({
+    ...{ class: "register-card" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+__VLS_3.slots.default;
+{
+    const { header: __VLS_thisSlot } = __VLS_3.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({});
+}
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['register-page']} */ ;
+/** @type {__VLS_StyleScopedClasses['register-card']} */ ;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

frontend/src/views/Settings.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+// Phase 14 实现设置页
+</script>
+
+<template>
+  <div>
+    <h1>设置</h1>
+    <p>设置页面（Phase 14 实现）</p>
+  </div>
+</template>

frontend/src/views/Settings.vue.js

@@ -0,0 +1,19 @@
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.h1, __VLS_intrinsicElements.h1)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */