9-8 前后端调试成功，完成基本的登录功能

web/src/components/the-header.vue

@@ -46,6 +46,11 @@
 
 <script lang="ts">
 import { defineComponent, ref } from "vue";
+import axios from 'axios';
+import { message } from 'ant-design-vue';
+
+declare let hexMd5: any;
+declare let KEY: any;
 
 export default defineComponent({
   name: 'the-header',
@@ -62,7 +67,19 @@ export default defineComponent({
 
     // 登录
     const login = () => {
-      console.log("开始登录")
+      console.log("开始登录");
+      loginModalLoading.value = true;
+      loginUser.value.password = hexMd5(loginUser.value.password + KEY);
+      axios.post('/user/login', loginUser.value).then((response) => {
+        loginModalLoading.value = false;
+        const respData = response.data;
+        if (respData.code === 0) {
+          loginModalVisible.value = false;
+          message.success("登录成功！");
+        } else {
+          message.error(respData.msg);
+        }
+      });
     };
 
     return {