From 15dbc6fcd2c7f1525ffeaa50fb4ac4d5736d97af Mon Sep 17 00:00:00 2001
From: heshunme <heshunme@outlook.com>
Date: Sun, 30 Jun 2024 15:55:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=9D=E8=AF=95=E6=B7=BB=E5=8A=A0login?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/authentication/Login.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/views/authentication/Login.vue b/src/views/authentication/Login.vue
index ed79644..21b485d 100644
--- a/src/views/authentication/Login.vue
+++ b/src/views/authentication/Login.vue
@@ -1,15 +1,29 @@
 <script setup>
 import { ref } from 'vue';
-import { ElInput, ElButton, ElCheckbox, ElForm, ElFormItem } from 'element-plus';
+import { ElInput, ElButton, ElCheckbox, ElForm, ElFormItem, ElMessage } from 'element-plus';
 import 'element-plus/dist/index.css';
+import axios from 'axios';
 
 const username = ref('');
 const password = ref('');
 const rememberMe = ref(false);
 
-const handleLogin = () => {
+const handleLogin = async () => {
   console.log('Logging in with', { username: username.value, password: password.value, rememberMe: rememberMe.value });
-  // 处理登录逻辑
+  try {
+    const response = await axios.post('/api/login', {
+      username: username.value,
+      password: password.value,
+    });
+    if (response.data === 'Login successful!') {
+      ElMessage.success('登录成功');
+      // 处理登录成功逻辑，例如跳转到主页
+    } else {
+      ElMessage.error('用户名或密码错误');
+    }
+  } catch (error) {
+    ElMessage.error('登录失败，请稍后再试');
+  }
 };
 </script>