diff --git a/frontend/App.vue b/frontend/App.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8c2b732101d2c5679c3000a773ee4bb16995a630
--- /dev/null
+++ b/frontend/App.vue
@@ -0,0 +1,17 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
+</style>
diff --git a/frontend/api/auth.js b/frontend/api/auth.js
new file mode 100644
index 0000000000000000000000000000000000000000..7033998bb206b1afd6b9a2260e1815f12fade78e
--- /dev/null
+++ b/frontend/api/auth.js
@@ -0,0 +1,37 @@
+import {
+	useRequest
+} from "./config/index.js";
+
+export function useAuthApi() {
+	const {request} = useRequest()
+	
+	const login = async (credentials) => {
+
+		const loginData = credentials
+
+		const response = await request({
+			url: '/auth/login',
+			method: 'POST',
+			data: loginData,
+			showLoading: true
+		})
+
+		return response;
+	}
+
+	const register = async (createUser) => {
+
+		const user = createUser
+
+		const respose = await request({
+			url: '/auth/register',
+			method: 'POST',
+			data: user,
+			showLoading: true
+		})
+
+		return respose;
+	}
+	
+	return {login,register}
+}
\ No newline at end of file
diff --git a/frontend/api/chat.js b/frontend/api/chat.js
new file mode 100644
index 0000000000000000000000000000000000000000..d10d3962c50ded61dc9675dbd3088ecc464de34d
--- /dev/null
+++ b/frontend/api/chat.js
@@ -0,0 +1,72 @@
+
+import {
+	useRequest
+} from "./config";
+
+const {
+	request
+} = useRequest()
+
+export function useChatApi() {
+
+	const createChat = async (chatDto) => {
+
+
+		var res =await request({
+			url: '/AIQuestions/user',
+			method: 'POST',
+			data: chatDto,
+			showLoading: true
+		})
+
+		return res
+	}
+
+	const getChat = async (id) => {
+
+		var res =await request({
+			url: `/AIQuestions/user/${id}`,
+			method: 'GET',
+			data: null,
+			showLoading: true
+		})
+
+		return res
+	}
+	
+	const getAllMessage = async (id)=> {
+		var res =await request({
+			url: `/AIQuestions/user/message/${id}`,
+			method: 'GET',
+			data: null,
+			showLoading: true
+		})
+		
+		return res
+	}
+	
+	const deleteChat = async (id) => {
+		var res = await request({
+			url:`/AIQuestions/user/${id}`,
+			method:'DELETE',
+			data:null,
+			showLoading:true
+		})
+		
+		return res
+	}
+	
+		
+	const conversation = async (id,userMessage) => {
+		var res = await request({
+			url:`/AIQuestions/chat/${id}`,
+			method:'POST',
+			data:JSON.stringify(userMessage),
+			showLoading:true
+		})
+		
+		return res
+	}
+	
+	return {conversation,createChat,deleteChat,getAllMessage,getChat}
+}
\ No newline at end of file
diff --git a/frontend/api/config/Config.js b/frontend/api/config/Config.js
new file mode 100644
index 0000000000000000000000000000000000000000..6fcad25d8aee6d82fcc93c5cce1c4a5772e851ba
--- /dev/null
+++ b/frontend/api/config/Config.js
@@ -0,0 +1,17 @@
+const env = process.env.NODE_ENV || 'development'
+
+const configs = {
+  development: {
+    baseUrl: 'http://localhost:5101/api', // 简化结构
+  },
+  production: {
+    baseUrl: 'https://your-production-domain.com/api',
+  }
+}
+
+export default {
+  ...configs[env],
+  // 公共配置
+  appName: '多端应用',
+  version: '1.0.0',
+}
\ No newline at end of file
diff --git a/frontend/api/config/index.js b/frontend/api/config/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..729354dfa778a537b41754abebe6e86d1a97eaa1
--- /dev/null
+++ b/frontend/api/config/index.js
@@ -0,0 +1,128 @@
+import {
+	ref
+} from "vue";
+import {
+	useUserStore
+} from "../../stores/User";
+import config from './Config.js'
+
+const getBaseUrl = () => {
+	return config.baseUrl; // 直接使用配置中的 baseUrl
+}
+
+export function useRequest() {
+	const loading = ref(false)
+	const appStore = useUserStore()
+
+
+
+
+	const request = async (config) => {
+		// 合并配置
+
+		const baseUrl = getBaseUrl();
+		let finalUrl = config.url.startsWith('http') ?
+			config.url :
+			`${baseUrl}${config.url.startsWith('/') ? '' : '/'}${config.url}`;
+
+		console.log('完整请求 URL:', finalUrl);
+		const mergedConfig = {
+			url: finalUrl,
+			timeout: 15000,
+			header: {
+				'Content-Type': 'application/json',
+				'X-Requested-With': 'XMLHttpRequest',
+				'X-Client-Platform': uni.getSystemInfoSync().platform
+			},
+			method : config.method,
+			data : config.data,
+			showLoading : config.showLoading
+		}
+
+
+		// 请求拦截
+		if (appStore.token) {
+			mergedConfig.header.Authorization = `Bearer ${appStore.token}`
+		}
+
+		// 显示加载状态
+		if (mergedConfig.showLoading) {
+			loading.value = true
+			uni.showLoading({
+				title: '加载中...',
+				mask: true
+			})
+		}
+
+		try {
+			const response = await uni.request(mergedConfig)
+
+			// 响应拦截
+			if (response.statusCode === 401) {
+				handleUnauthorized()
+				throw new Error('登录状态已过期')
+			}
+
+			if (response.statusCode >= 400) {
+				throw new Error(`请求失败: ${response.data.message}`)
+			}
+
+			return response.data
+		} catch (error) {
+			// 统一错误处理
+			// handleRequestError(error, mergedConfig)
+			throw error
+		} finally {
+			if (mergedConfig.showLoading) {
+				loading.value = false
+				uni.hideLoading()
+			}
+		}
+	}
+
+	return {
+		request,
+		loading
+	}
+}
+
+// 处理未授权情况
+function handleUnauthorized() {
+	const appStore = useAppStore()
+	appStore.clearToken()
+
+	// 跳转到登录页（不同平台处理）
+	// #ifdef H5 || APP
+	uni.navigateTo({
+		url: '/pages/login/login'
+	})
+	// #endif
+
+	// #ifdef MP-WEIXIN
+	uni.reLaunch({
+		url: '/pages/login/login'
+	})
+	// #endif
+}
+
+// // 错误处理
+// function handleRequestError(error, config) {
+// 	console.error('请求错误:', error)
+
+// 	// 不显示静默请求的错误
+// 	if (config.silent) return
+
+// 	let message = '网络请求失败'
+
+// 	if (error.errMsg.includes('timeout')) {
+// 		message = '请求超时，请检查网络'
+// 	} else if (error.errMsg.includes('network')) {
+// 		message = '网络不可用，请检查连接'
+// 	}
+
+// 	uni.showToast({
+// 		title: message,
+// 		icon: 'none',
+// 		duration: 3000
+// 	})
+// }
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..b5d330d136f2ef4198b59bfd92ec3dc44df9292e
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/frontend/main.js b/frontend/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..0291d9e679675a991fe6bc2232cf2bcb5ecb775d
--- /dev/null
+++ b/frontend/main.js
@@ -0,0 +1,27 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+import { createPinia } from 'pinia'
+export function createApp() {
+  const app = createSSRApp(App)
+  const pinia = createPinia()
+  
+  app.use(pinia)
+  return {
+    app
+  }
+}
+// #endif
+
diff --git a/frontend/manifest.json b/frontend/manifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..b6ebc917d08e827c2779537dbc4ff95a1ec67b65
--- /dev/null
+++ b/frontend/manifest.json
@@ -0,0 +1,75 @@
+{
+    "name" : "uniapp-ai",
+    "appid" : "__UNI__3924A7E",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ],
+                "minSdkVersion" : 21
+            },
+            /* ios打包配置 */
+            "ios" : {
+                "dSYMs" : false
+            },
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "3"
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..2d55fc493db675e3a6e46f2515d12d6bc93fa911
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "pinia": "^3.0.3"
+  }
+}
diff --git a/frontend/pages.json b/frontend/pages.json
new file mode 100644
index 0000000000000000000000000000000000000000..b79a08f187813cf5c80effa07b81d29bfa26cc50
--- /dev/null
+++ b/frontend/pages.json
@@ -0,0 +1,39 @@
+{
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path" : "pages/login/login",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "pages/chat/chat",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "pages/register/register",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "pages/document/document",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	},
+	"uniIdRouter": {}
+}
diff --git a/frontend/pages/chat/chat.vue b/frontend/pages/chat/chat.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c1cf49e2b0a72544f8b5304c7ba2eb38c22ac949
--- /dev/null
+++ b/frontend/pages/chat/chat.vue
@@ -0,0 +1,687 @@
+<template>
+	<view class="chat-container">
+		<!-- 自定义导航栏 -->
+		<view class="nav-bar">
+			<view class="nav-left">
+				<view class="icon history-icon" @click="toggleSidebar">历史对话</view>
+			</view>
+			<view class="nav-title">AI聊天</view>
+			<view class="nav-right">
+				<view class="icon" @click="newChat">新对话</view>
+				<view class="icon">头像</view>
+			</view>
+		</view>
+
+		<!-- 侧边栏 -->
+		<view class="sidebar" :class="{ 'sidebar-show': showSidebar }">
+			<view class="sidebar-header">历史对话记录</view>
+			<scroll-view class="sidebar-content" scroll-y="true" :scroll-into-view="scrollToId">
+				<view v-for="(item, index) in historyList" :key="index" class="history-item">
+					<view class="history-title" @click="loadHistory(item.conversationId)">{{ item.title }}</view>
+					<view class="delete-btn" @click.stop="deleteHistory(index,item.conversationId)">删除</view>
+				</view>
+			</scroll-view>
+		</view>
+
+		<!-- 遮罩层 -->
+		<view class="sidebar-mask" v-if="showSidebar" @click="toggleSidebar"></view>
+
+		<!-- 对话内容区 -->
+		<scroll-view class="chat-content" scroll-y="true" @scrolltolower="loadMoreMessages"
+			:scroll-into-view="'msg-' + (chatHistory.length - 1)">
+			<view v-for="(msg, index) in chatHistory" :key="index" class="message" :id="'msg-' + index">
+				<view v-if="msg.isUser" class="user-message">
+					<view class="message-bubble">{{ msg.content }}</view>
+				</view>
+				<view v-else class="ai-message">
+					<view class="message-bubble">
+						{{ msg.content }}
+						<!-- 流式传输中的光标效果 -->
+						<view v-if="msg.isStreaming" class="typing-cursor"></view>
+					</view>
+					<!-- 流式传输中的加载动画 -->
+					<view v-if="msg.isStreaming" class="stream-loading">
+						<view class="dot"></view>
+						<view class="dot"></view>
+						<view class="dot"></view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<!-- 输入对话框 -->
+		<view class="input-container">
+			<input v-model="inputText" class="input" placeholder="请输入消息..." @confirm="sendMessage"
+				:disabled="isLoading" />
+			<button class="document-button" @click="chooseDocument" :disabled="isLoading">
+				文档
+			</button>
+			<button class="send-button" @click="sendMessage" :disabled="isLoading || !inputText.trim()">
+				<view v-if="isLoading" class="loading-spinner"></view>
+				<text v-else>发送</text>
+			</button>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		nextTick,
+		computed,
+		onUnmounted
+	} from 'vue';
+	import {
+		useChatApi
+	} from '../../api/chat';
+	import {
+		useUserStore
+	} from '../../stores/User';
+
+	const {
+		conversation,
+		createChat,
+		deleteChat,
+		getAllMessage,
+		getChat
+	} = useChatApi()
+	const {
+		userId,
+		token
+	} = useUserStore()
+
+	// 定义响应式数据
+	const inputText = ref('');
+	const chatHistory = ref([]);
+	const showSidebar = ref(false);
+	const chatId = ref('')
+	const scrollToId = ref('')
+	const historyList = ref([]);
+	const socketTask = ref(null);
+	const isLoading = ref(false);
+	const currentStreamingIndex = ref(-1); // 当前流式传输的消息索引
+
+	// 发送消息
+	const sendMessage = async () => {
+		if (!inputText.value.trim() || isLoading.value) return;
+
+		try {
+			isLoading.value = true;
+
+			if (chatId.value === '') {
+				const res = await createChat({
+					userId: userId,
+					title: inputText.value
+				});
+
+				historyList.value.push({
+					conversationId: res.data.conversationId,
+					title: res.data.title
+				});
+
+				chatId.value = res.data.conversationId;
+			}
+
+			// 添加用户消息
+			chatHistory.value.push({
+				isUser: true,
+				content: inputText.value,
+			});
+
+			// 添加AI消息占位符，用于流式传输
+			const aiMessageIndex = chatHistory.value.length;
+			chatHistory.value.push({
+				isUser: false,
+				content: '',
+				isStreaming: true
+			});
+
+			currentStreamingIndex.value = aiMessageIndex;
+
+			// 清空输入框
+			const userMessage = inputText.value;
+			inputText.value = '';
+
+			// 滚动到底部
+			nextTick(() => {
+				scrollToId.value = `msg-${aiMessageIndex}`;
+			});
+
+			// 使用流式传输调用API
+			await streamResponse(chatId.value, userMessage, aiMessageIndex);
+
+		} catch (error) {
+			uni.showModal({
+				title: '提示',
+				content: error.message || '发送消息失败',
+				showCancel: false,
+				confirmText: '确定',
+				confirmColor: '#a020f0'
+			});
+
+			// 移除流式传输占位消息
+			if (currentStreamingIndex.value !== -1) {
+				chatHistory.value.splice(currentStreamingIndex.value, 1);
+				currentStreamingIndex.value = -1;
+			}
+		} finally {
+			isLoading.value = false;
+		}
+	};
+
+	// 流式传输API响应
+	const streamResponse = async (conversationId, userMessage, aiMessageIndex) => {
+		try {
+			// 在实际项目中，这里应该替换为真正的流式API调用
+			// 以下是模拟流式传输的实现
+
+			// 模拟的AI响应文本
+			var res = await conversation(conversationId,userMessage)
+			const lorem = res.message
+				// `您好！您刚才说："${userMessage}"。这是一个流式传输的演示。在UniApp中实现流式传输可以提升用户体验，让用户感受到实时的交互效果。流式传输通过逐步显示内容，而不是等待整个响应完成再显示，这样用户不需要等待太久就能看到部分结果。`;
+
+			// 模拟流式传输
+			let index = 0;
+			const chunkSize = 3; // 每次显示的字符数
+			const interval = setInterval(() => {
+				if (index >= lorem.length) {
+					clearInterval(interval);
+					// 完成流式传输
+					chatHistory.value[aiMessageIndex].isStreaming = false;
+					currentStreamingIndex.value = -1;
+					return;
+				}
+
+				const chunk = lorem.substring(index, index + chunkSize);
+				index += chunkSize;
+
+				// 更新消息内容
+				chatHistory.value[aiMessageIndex].content += chunk;
+
+				// 滚动到底部
+				nextTick(() => {
+					scrollToId.value = `msg-${aiMessageIndex}`;
+				});
+			}, 50);
+
+			// 在实际项目中，应该使用以下方式：
+			/*
+			// 创建WebSocket连接
+			socketTask.value = uni.connectSocket({
+				url: `wss://your-api.com/stream?conversationId=${conversationId}`,
+				success: () => console.log('Socket连接成功'),
+			});
+			
+			// 发送消息
+			socketTask.value.send({
+				data: JSON.stringify({ message: userMessage }),
+				success: () => console.log('消息发送成功'),
+			});
+			
+			// 监听消息
+			socketTask.value.onMessage((res) => {
+				if (typeof res.data === 'string') {
+					// 追加内容
+					chatHistory.value[aiMessageIndex].content += res.data;
+					
+					// 滚动到底部
+					nextTick(() => {
+						scrollToId.value = `msg-${aiMessageIndex}`;
+					});
+				}
+			});
+			
+			// 监听关闭
+			socketTask.value.onClose(() => {
+				chatHistory.value[aiMessageIndex].isStreaming = false;
+				currentStreamingIndex.value = -1;
+				socketTask.value = null;
+			});
+			*/
+
+		} catch (error) {
+			console.error('流式传输错误:', error);
+			chatHistory.value[aiMessageIndex].content = '抱歉，获取回答时出错';
+			chatHistory.value[aiMessageIndex].isStreaming = false;
+			currentStreamingIndex.value = -1;
+		}
+	};
+
+	// 新对话
+	const newChat = () => {
+		// 关闭现有的WebSocket连接
+		if (socketTask.value) {
+			socketTask.value.close();
+			socketTask.value = null;
+		}
+
+		// 清空聊天记录
+		chatHistory.value = [];
+		chatId.value = '';
+		currentStreamingIndex.value = -1;
+	};
+
+	// 选择文档
+	const chooseDocument = async () => {
+		uni.showModal({
+			title: '提示',
+			content: "文档功能将在后续版本中开放",
+			showCancel: false,
+			confirmText: '确定',
+			confirmColor: '#a020f0'
+		});
+	};
+
+	// 加载更多消息
+	const loadMoreMessages = () => {
+		console.log('加载更多消息');
+	};
+
+	// 切换侧边栏显示/隐藏
+	const toggleSidebar = () => {
+		showSidebar.value = !showSidebar.value;
+	};
+
+	// 删除历史记录
+	const deleteHistory = async (index, chatId) => {
+		uni.showModal({
+			title: '确认删除',
+			content: '确定要删除这条历史记录吗？',
+			success: async (res) => {
+				if (res.confirm) {
+					try {
+						await deleteChat(chatId);
+						historyList.value.splice(index, 1);
+						uni.showToast({
+							title: '删除成功',
+							icon: 'success'
+						});
+					} catch (error) {
+						uni.showModal({
+							title: '提示',
+							content: error.message || '删除失败',
+							showCancel: false,
+							confirmText: '确定',
+							confirmColor: '#a020f0'
+						});
+					}
+				}
+			}
+		});
+	};
+
+	// 加载历史记录
+	const loadHistory = async (id) => {
+		uni.showToast({
+			title: '正在加载对话...',
+			icon: 'loading'
+		});
+		showSidebar.value = false;
+		chatHistory.value = [];
+		chatId.value = id;
+		// 实际加载历史记录的代码
+		try {
+			
+			var list = await getAllMessage(id)
+			console.log(list.data)
+			
+			for (var res of list.data) {
+				console.log(res)
+				console.log({
+					isUser: true,
+					content: res.content,
+				})
+				if (res.role == "user") {
+					chatHistory.value.push({
+						isUser: true,
+						content: res.content,
+					});
+				} else {
+					chatHistory.value.push({
+						isUser: false,
+						content: res.content,
+					});
+				}
+			}
+		} catch (error){
+			uni.showModal({
+				title: '提示',
+				content:  error.message || '加载消息记录失败',
+				showCancel: false,
+				confirmText: '确定',
+				confirmColor: '#a020f0'
+			});
+		}
+	};
+
+	onMounted(async () => {
+		if( !userId || !token){
+			uni.showModal({
+				title: '提示',
+				content: "用户未登录",
+				showCancel: false,
+				confirmText: '确定',
+				confirmColor: '#a020f0'
+			});
+			
+			uni.navigateTo({
+				url:'/pages/login/login'
+			})
+		}
+		try {
+			const res = await getChat(userId);
+			historyList.value = res.data || [];
+		} catch (error) {
+			uni.showModal({
+				title: '提示',
+				content: error.message || '加载会话记录失败',
+				showCancel: false,
+				confirmText: '确定',
+				confirmColor: '#a020f0'
+			});
+		}
+	});
+
+	// 组件卸载时关闭WebSocket连接
+	onUnmounted(() => {
+		if (socketTask.value) {
+			socketTask.value.close();
+			socketTask.value = null;
+		}
+	});
+</script>
+
+<style scoped>
+	.chat-container {
+		display: flex;
+		flex-direction: column;
+		height: 95vh;
+		background: linear-gradient(135deg, #6a5acd, #00bfff);
+		position: relative;
+	}
+
+	.nav-bar {
+		height: 120rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 30rpx;
+		background: linear-gradient(135deg, #6a5acd, #00bfff);
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+		position: sticky;
+		top: 0;
+		z-index: 100;
+	}
+
+	.nav-left,
+	.nav-right {
+		gap: 15px;
+		display: flex;
+		align-items: center;
+	}
+
+	.nav-title {
+		font-size: 40rpx;
+		font-weight: 600;
+		color: #fff;
+		position: absolute;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+
+	.icon {
+		color: #ffffff;
+		padding: 8px 12px;
+		border-radius: 4px;
+		transition: background-color 0.3s, color 0.3s;
+		cursor: pointer;
+	}
+
+	.icon:hover {
+		background-color: rgba(255, 255, 255, 0.1);
+	}
+
+	.history-icon {
+		margin-right: 10px;
+		color: #fff;
+	}
+
+	.sidebar {
+		margin-top: 2%;
+		position: fixed;
+		top: 120rpx;
+		left: -600rpx;
+		width: 560rpx;
+		height: calc(100% - 120rpx);
+		background-color: #fff;
+		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
+		z-index: 99;
+		transition: all 0.3s ease;
+	}
+
+	.sidebar-show {
+		left: 0;
+	}
+
+	.sidebar-header {
+		padding: 20px;
+		font-size: 18px;
+		font-weight: bold;
+		border-bottom: 1px solid #eee;
+		background: linear-gradient(135deg, #6a5acc, #00bfff);
+		color: #fff;
+	}
+
+	.sidebar-content {
+		height: calc(100% - 60px);
+		padding: 10px;
+	}
+
+	.history-item {
+		width: 80%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 12px;
+		margin-bottom: 8px;
+		border-radius: 6px;
+		background-color: #f5f5f5;
+		cursor: pointer;
+	}
+
+	.history-title {
+		flex: 1;
+	}
+
+	.history-item:hover {
+		background-color: #e0f7fa;
+	}
+
+	.delete-btn {
+		padding: 4px 8px;
+		background-color: #ff4d4f;
+		color: white;
+		border-radius: 4px;
+		font-size: 12px;
+		cursor: pointer;
+	}
+
+	.delete-btn:hover {
+		background-color: #ff7875;
+	}
+
+	.sidebar-mask {
+		position: fixed;
+		top: 60px;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 98;
+	}
+
+	.chat-content {
+		flex: 1;
+		padding: 15px;
+		overflow-y: auto;
+		background-color: #fff;
+		padding-top: 5px;
+		height: calc(100vh - 240rpx);
+		box-sizing: border-box;
+	}
+
+	.message {
+		margin-bottom: 15px;
+	}
+
+	.user-message {
+		display: flex;
+		justify-content: flex-end;
+		padding-right: 25px;
+	}
+
+	.ai-message {
+		display: flex;
+		justify-content: flex-start;
+		padding-left: 25px;
+		flex-direction: column;
+	}
+
+	.message-bubble {
+		max-width: 80%;
+		padding: 10px;
+		border-radius: 15px;
+		background-color: #e0f7fa;
+		color: #00796b;
+		position: relative;
+	}
+
+	/* 流式传输样式 */
+	.typing-cursor {
+		display: inline-block;
+		width: 8px;
+		height: 18px;
+		background: #00796b;
+		margin-left: 2px;
+		vertical-align: middle;
+		animation: blink 1s infinite;
+	}
+
+	@keyframes blink {
+
+		0%,
+		100% {
+			opacity: 1;
+		}
+
+		50% {
+			opacity: 0;
+		}
+	}
+
+	.stream-loading {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-top: 8px;
+	}
+
+	.stream-loading .dot {
+		width: 8px;
+		height: 8px;
+		background-color: #00796b;
+		border-radius: 50%;
+		margin: 0 4px;
+		animation: pulse 1.5s infinite ease-in-out;
+	}
+
+	.stream-loading .dot:nth-child(1) {
+		animation-delay: -0.32s;
+	}
+
+	.stream-loading .dot:nth-child(2) {
+		animation-delay: -0.16s;
+	}
+
+	@keyframes pulse {
+
+		0%,
+		80%,
+		100% {
+			transform: scale(0.5);
+		}
+
+		40% {
+			transform: scale(1);
+		}
+	}
+
+	.loading-spinner {
+		width: 20px;
+		height: 20px;
+		border: 3px solid rgba(255, 255, 255, 0.3);
+		border-radius: 50%;
+		border-top-color: white;
+		animation: spin 1s linear infinite;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.input-container {
+		height: 120rpx;
+		padding: 30rpx;
+		display: flex;
+		background: linear-gradient(135deg, #6a5acd, #00bfff);
+		align-items: center;
+		box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
+	}
+
+	.input {
+		flex: 1;
+		padding: 10px;
+		border: 1px solid #ddd;
+		border-radius: 15px;
+		margin-right: 15px;
+		height: 80rpx;
+		background-color: #fff;
+	}
+
+	.send-button,
+	.document-button {
+		padding: 0 25px;
+		background-color: #4caf50;
+		color: #fff;
+		border: none;
+		border-radius: 15px;
+		height: 40px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-left: 10px;
+		transition: background-color 0.3s;
+	}
+
+	.send-button:disabled,
+	.document-button:disabled {
+		background-color: #a5d6a7;
+		cursor: not-allowed;
+	}
+
+	.send-button:hover:not(:disabled),
+	.document-button:hover:not(:disabled) {
+		background-color: #388e3c;
+	}
+
+	.document-button {
+		background-color: #00796b;
+	}
+
+	.document-button:hover:not(:disabled) {
+		background-color: #004d40;
+	}
+</style>
\ No newline at end of file
diff --git a/frontend/pages/document/document.vue b/frontend/pages/document/document.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6e5f27a28dd0c7f61fb1de60a5c4a4ca30c4a549
--- /dev/null
+++ b/frontend/pages/document/document.vue
@@ -0,0 +1,138 @@
+<template>
+  <view class="container">
+    <view class="upload-section">
+      <text class="title">文档上传</text>
+      <text class="subtitle">上传你的文档以便进行智能问答</text>
+    </view>
+    <view class="form-section">
+      <view class="form-group">
+        <label for="documentTitle" class="label">文档标题：</label>
+        <input id="documentTitle" class="input" type="text" placeholder="请输入文档标题" v-model="documentTitle" />
+      </view>
+      <view class="form-group">
+        <label for="documentSource" class="label">文档来源（可选）：</label>
+        <input id="documentSource" class="input" type="text" placeholder="请输入文档来源" v-model="documentSource" />
+      </view>
+      <view class="form-group">
+        <label for="fileUpload" class="label">选择文件：</label>
+        <button id="fileUpload" class="upload-button">点击选择文件或拖拽到此处<br />支持格式：TXT, MD, PDF, DOC, DOCX, PPT, PPTX, XLS, XLSX, PNG, JPG/JPEG</button>
+      </view>
+      <button @click="uploadDocument" class="submit-button">上传文档</button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const documentTitle = ref('');
+const documentSource = ref('');
+const selectedFile = ref(null);
+
+const chooseFile = () => {
+  uni.chooseFile({
+    count: 1,
+    type: ['file'],
+    extension: ['txt', 'md', 'pdf', 'doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx', 'png', 'jpg', 'jpeg'],
+    success: (res) => {
+      selectedFile.value = res.tempFiles[0];
+    },
+    fail: (err) => {
+      console.error('选择文件失败', err);
+    }
+  });
+};
+
+const uploadDocument = () => {
+  if (!selectedFile.value) {
+    uni.showToast({
+      title: '请选择文件',
+      icon: 'none'
+    });
+    return;
+  }
+  // 这里可以添加上传文件的逻辑
+  uni.showToast({
+    title: '上传成功',
+    icon: 'success'
+  });
+};
+</script>
+
+<style>
+.container {
+  padding: 20px;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.upload-section {
+  background-color: #6a5acd;
+  color: white;
+  padding: 20px;
+  border-radius: 10px;
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.title {
+  font-size: 28px;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 10px;
+}
+
+.subtitle {
+  font-size: 18px;
+  display: block;
+}
+
+.form-section {
+  background-color: #f9f9f9;
+  padding: 20px;
+  border-radius: 10px;
+  height: 60vh;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+.label {
+  display: block;
+  margin-bottom: 10px;
+  font-weight: bold;
+}
+
+.input {
+  width: 90%;
+  padding: 12px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+.upload-button {
+  padding: 12px;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  cursor: pointer;
+  width: 90%;
+  color: #666;
+}
+
+.upload-button:active {
+  color: #000; 
+}
+
+.submit-button {
+  width: 100%;
+  padding: 15px;
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  font-size: 18px;
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/pages/login/login.vue b/frontend/pages/login/login.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0686c71c734c2e6ffd454f4c1626e59732c7e2aa
--- /dev/null
+++ b/frontend/pages/login/login.vue
@@ -0,0 +1,216 @@
+
+<template>
+	<view class="login-container">
+		<view class="login-card">
+			<view class="login-header">
+				<view class="logo">
+					<text class="title">Login</text>
+				</view>
+			</view>
+
+			<view class="login-form">
+				<view class="form-item">
+					<text class="label">用户名</text>
+					<input class="input" placeholder="请输入用户名" v-model="auth.account" />
+				</view>
+
+				<view class="form-item">
+					<text class="label">密码</text>
+					<input class="input" type="password" placeholder="请输入密码" v-model="auth.password" />
+				</view>
+
+
+				<button class="login-btn" @click="handleLogin">登录</button>
+
+
+				<view class="register-link">
+					<navigator url="/pages/register/register" class="link">立即注册</navigator>
+				</view>
+			</view>
+		</view>
+	</view>
+<!-- 	    登录失败弹窗
+    <view v-show="isLoginFailed" class="modal-overlay">
+      <view class="modal">
+        <text class="modal-title">登录失败</text><br />
+        <text class="modal-content">用户名或密码错误，请重试。</text>
+        <button class="modal-btn" @click="closeModal">确定</button>
+      </view>
+    </view> -->
+</template>
+
+<script setup>
+	import {
+		ref
+	} from 'vue';
+	import {
+		useAuthApi
+	} from '../../api/auth';
+	import {
+		useUserStore
+	} from '../../stores/User';
+
+	const {
+		login
+	} = useAuthApi()
+	const {
+		setToken,
+		setUserId
+	} = useUserStore()
+
+	const rememberMe = ref(false);
+	// const isLoginFailed = ref(true);
+
+	var auth = ref({
+		account: '',
+		password: ''
+	})
+
+
+
+	const handleLogin = async () => {
+		var user
+		try {
+			
+			user = await login(auth.value)
+			setUserId(user.data.userId)
+			setToken(user.data.token)
+			uni.navigateTo({
+				url: '/pages/chat/chat'
+			})
+			console.log('登录');
+		} catch (error){
+			uni.showModal({
+			  title: '提示',
+			  content: error,
+			  showCancel: false,
+			  confirmText: '确定',
+			  confirmColor: '#a020f0'
+			})
+			console.log("错误：",error)
+			
+		}
+	};
+	
+	const closeModal = ()=>{
+		isLoginFailed.value = false
+	}
+</script>
+
+<style scoped>
+	.login-container {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100vh;
+		background: linear-gradient(135deg, #e6e6fa, #b0e0e6);
+	}
+
+	.login-card {
+		width: 90%;
+		max-width: 400px;
+		padding: 20px;
+		border-radius: 20px;
+		color: #fff;
+	}
+
+	.login-header {
+		text-align: center;
+		margin-bottom: 20px;
+	}
+
+	.logo {
+		width: 50px;
+		height: 50px;
+		margin: 0 auto 20px;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.icon-image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.title {
+		font-size: 24px;
+		font-weight: bold;
+		color: #fff;
+		margin-bottom: 5px;
+	}
+
+	.login-form {
+		margin-top: 20px;
+	}
+
+	.form-item {
+		margin-bottom: 15px;
+	}
+
+	.label {
+		display: block;
+		margin-bottom: 5px;
+		font-size: 14px;
+		color: #fff;
+	}
+
+	.input {
+		width: 90%;
+		height: 40px;
+		padding: 0 10px;
+		border: none;
+		border-bottom: 2px solid #fff;
+		background: transparent;
+		color: #fff;
+		font-size: 14px;
+		transition: border-bottom-color 0.3s;
+	}
+
+	.input:focus {
+		border-bottom-color: #b0c4fa;
+	}
+
+	.login-btn {
+		width: 100%;
+		height: 40px;
+		background: linear-gradient(135deg, #e6e6fa, #b0c4fa);
+		color: #fff;
+		border: none;
+		border-radius: 20px;
+		font-size: 16px;
+		cursor: pointer;
+		transition: background 0.3s;
+	}
+
+	.login-btn:hover {
+		background: linear-gradient(135deg, #b0c4fa, #e6e6fa);
+	}
+
+	.register-link {
+		text-align: center;
+		margin-top: 10px;
+		font-size: 14px;
+		color: #fff;
+	}
+
+	.link {
+		color: #fff;
+		text-decoration: none;
+		font-weight: 600;
+		transition: color 0.3s ease;
+	}
+
+	.link:hover {
+		color: #b0c4fa;
+	}
+
+	.title {
+		font-size: 32px;
+		font-weight: bold;
+		color: #a020f0;
+		/* 调整为图中相似的紫色 */
+		margin-bottom: 30px;
+	}
+</style>
\ No newline at end of file
diff --git a/frontend/pages/register/register.vue b/frontend/pages/register/register.vue
new file mode 100644
index 0000000000000000000000000000000000000000..32ad67aa336166a6d92614af024ef3ccd0cffd43
--- /dev/null
+++ b/frontend/pages/register/register.vue
@@ -0,0 +1,183 @@
+<template>
+  <view class="register-container">
+    <!-- 注册卡片 -->
+    <view class="register-card">
+      <view class="register-header">
+        <text class="title">Register</text>
+      </view>
+      
+      <view class="register-form">
+        <view class="form-item">
+          <text class="label">用户名</text>
+          <input class="input" placeholder="请输入用户名" v-model="data.account"/>
+        </view>
+        
+        <view class="form-item">
+          <text class="label">邮箱</text>
+          <input class="input" placeholder="请输入邮箱" v-model="data.email"/>
+        </view>
+        
+        <view class="form-item">
+          <text class="label">密码</text>
+          <input class="input" type="password" placeholder="请输入密码" v-model="data.password"/>
+        </view>
+        
+        <view class="form-item">
+          <text class="label">确认密码</text>
+          <input class="input" type="password" placeholder="再次输入密码" v-model="isPassword"/>
+        </view>
+        
+        <button class="register-button" @click="handleRegister">注册</button>
+        
+        <view class="login-link">
+          <navigator url="/pages/login/login" class="link">返回登录</navigator>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { useAuthApi } from '../../api/auth';
+
+const {register} = useAuthApi()
+
+const username = ref('');
+const email = ref('');
+const password = ref('');
+const confirmPassword = ref('');
+
+const data = ref({
+	account : '',
+	password : '',
+	email : ''
+})
+
+const isPassword = ref('')
+
+const handleRegister =async () => {
+  if(data.value.password != isPassword.value){
+
+		uni.showModal({
+      title: '提示',
+      content: '两次输入的密码不一致，请重新输入',
+      showCancel: false,
+      confirmText: '确定',
+      confirmColor: '#a020f0'
+    });
+	
+	return
+  }
+  
+  try{
+	var auth =await register(data.value)
+	uni.navigateTo({
+		url:'/pages/login/login'
+	})
+  }catch (error){
+	  uni.showModal({
+	    title: '提示',
+	    content: error,
+	    showCancel: false,
+	    confirmText: '确定',
+	    confirmColor: '#a020f0'
+	  });
+  }
+};
+</script>
+
+<style scoped>
+/* 保持原有的样式不变 */
+.register-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background: linear-gradient(135deg, #e6e6fa, #b0e0e6);
+}
+
+.register-card {
+  width: 300px;
+  padding: 40px;  
+  border-radius: 20px;
+  color: #a020f0; /* 使用紫色 */
+}
+
+.register-header {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.title {
+  font-size: 32px;
+  font-weight: bold;
+  color: #a020f0; /* 使用紫色 */
+  margin-bottom: 30px;
+}
+
+.register-form {
+  margin-top: 20px;
+}
+
+.form-item {
+  margin-bottom: 15px;
+}
+
+.label {
+  display: block;
+  margin-bottom: 5px;
+  font-size: 14px;
+  color: #a020f0; /* 使用紫色 */
+}
+
+.input {
+  width: 100%;
+  height: 40px;
+  padding: 0 10px;
+  border: none;
+  border-bottom: 2px solid #a020f0; /* 使用紫色 */
+  background: transparent;
+  color: #a020f0; /* 使用紫色 */
+  font-size: 14px;
+  transition: border-bottom-color 0.3s;
+}
+
+.input:focus {
+  border-bottom-color: #b0c4fa;
+}
+
+.register-button {
+  width: 100%;
+  height: 40px;
+  background: linear-gradient(135deg, #e6e6fa, #b0c4fa);
+  color: #a020f0; /* 使用紫色 */
+  border: none;
+  border-radius: 20px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: background 0.3s;
+}
+
+.register-button:hover {
+  background: linear-gradient(135deg, #b0c4fa, #e6e6fa);
+}
+
+.login-link {
+  text-align: center;
+  margin-top: 10px;
+  font-size: 14px;
+  color: #a020f0; /* 使用紫色 */
+}
+
+.link {
+  color: #a020f0; /* 使用紫色 */
+  text-decoration: none;
+  font-weight: 600;
+  transition: color 0.3s ease;
+}
+
+.link:hover {
+  color: #b0c4fa;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/static/logo.png b/frontend/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5771e209bb677e2ebd5ff766ad5ee11790f305a
Binary files /dev/null and b/frontend/static/logo.png differ
diff --git a/frontend/stores/User.js b/frontend/stores/User.js
new file mode 100644
index 0000000000000000000000000000000000000000..db04646909c6d3e35296ece11787651642616a62
--- /dev/null
+++ b/frontend/stores/User.js
@@ -0,0 +1,27 @@
+import {defineStore} from "pinia"
+import { ref } from "vue"
+
+export const useUserStore = defineStore("User",()=>{
+	const token = ref(uni.getStorageSync("token") || "")
+	const userId = ref( uni.getStorageSync("userId") || '')
+	
+	 const setToken = (newToken) => {
+	    token.value = newToken
+	    uni.setStorageSync('token', newToken)
+	  }
+	  
+		
+	const setUserId = (newUserId) => {
+		userId.value = newUserId
+		uni.setStorageSync('userId',newUserId)
+	}
+	
+	const loginOut = () => {
+	    token.value = ''
+		userId.value = ''
+		uni.removeStorageSync('userId')
+	    uni.removeStorageSync('token')
+	}
+	
+	return {userId,token,setToken,setUserId,loginOut}
+}) 
\ No newline at end of file
diff --git a/frontend/txt.txt b/frontend/txt.txt
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/frontend/uni.promisify.adaptor.js b/frontend/uni.promisify.adaptor.js
new file mode 100644
index 0000000000000000000000000000000000000000..5fec4f3304b8017e7da59574f948ceea6aafe116
--- /dev/null
+++ b/frontend/uni.promisify.adaptor.js
@@ -0,0 +1,13 @@
+uni.addInterceptor({
+  returnValue (res) {
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
+      return res;
+    }
+    return new Promise((resolve, reject) => {
+      res.then((res) => {
+        if (!res) return resolve(res) 
+        return res[0] ? reject(res[0]) : resolve(res[1])
+      });
+    });
+  },
+});
\ No newline at end of file
diff --git a/frontend/uni.scss b/frontend/uni.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b9249e9d9fab23b573e4add469e22710dce91e2a
--- /dev/null
+++ b/frontend/uni.scss
@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16px;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:26px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..5e0050114d90d91a013d80b39345bd3847b1ddc2
--- /dev/null
+++ b/frontend/vue.config.js
@@ -0,0 +1,13 @@
+module.exports = {
+  devServer: {
+    proxy: {
+      '/api': {  // 代理所有以/api开头的请求
+        target: 'http://localhost:5101', // 后端服务器地址
+        changeOrigin: true,
+        pathRewrite: {
+          '^/api': '/api' // 将路径中的/api保留
+        }
+      }
+    }
+  }
+}
\ No newline at end of file