diff --git a/src/App.vue b/src/App.vue
index d839ad5..32af3d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <script setup>
 import HelloWorld from './components/HelloWorld.vue'
-import authentication from "./components/authentication.vue";
+import authentication from "./views/authentication.vue";
 </script>
 
 <template>
diff --git a/src/components/authentication.vue b/src/components/authentication.vue
deleted file mode 100644
index 9cc18ce..0000000
--- a/src/components/authentication.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup>
-
-</script>
-
-<template>
-  <h1>登录</h1>
-  <el-input >pls enter the username</el-input>
-  <el-input>pls enter the username</el-input>
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/src/router/authentication.js b/src/router/authentication.js
index 7c0f2e7..5fcc93d 100644
--- a/src/router/authentication.js
+++ b/src/router/authentication.js
@@ -1,10 +1,7 @@
-// ！！！这是一个示例，请根据实际情况修改！！！
-// import Login from '../views/authentication/Login.vue'
-// import Register from '../views/authentication/Register.vue'
-// import Profile from '../views/authentication/Profile.vue'
+import authentication from '../views/authentication.vue'
 
 export default [
-    // { path: '/login', component: Login },
+    { path: '/login', component: authentication },
     // { path: '/register', component: Register },
     // { path: '/profile', component: Profile }
 ]
diff --git a/src/router/index.js b/src/router/index.js
index 6bbaefe..e8d32ad 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,11 +6,10 @@ import meetingManagementRoutes from './meetingManagement'
 import newsManagementRoutes from './newsManagement'
 import organizationManagementRoutes from './organizationManagement'
 import userManagementRoutes from './userManagement'
-import authentication from "../components/authentication.vue";
+import authentication from "../views/authentication.vue";
 
 const routes = [
-    { path: '/about', component: HelloWorld },
-    { path: '/login', component: authentication},
+    { path: '/', component: HelloWorld },
     ...authenticationRoutes,
     ...courseManagementRoutes,
     ...meetingManagementRoutes,
diff --git a/src/services/authenticationService.js b/src/services/authenticationService.js
index d7ef9ee..58f78bb 100644
--- a/src/services/authenticationService.js
+++ b/src/services/authenticationService.js
@@ -1,5 +1,12 @@
-import { createApp } from 'vue';
-import App from '../App.vue';
-import router from '../router';
+import axios from "axios";
 
-createApp(App).use(router).mount('#app');
+export default {
+    login(username, password, apiUrl="http://localhost:8080"){
+        return axios.get(`/checkLogin`, {username:username, password:password})
+            .then(response => {
+                alert("hahaha");
+                // 处理登录成功的逻辑
+                return response.data;
+            });
+    }
+}
\ No newline at end of file
diff --git a/src/views/authentication.vue b/src/views/authentication.vue
new file mode 100644
index 0000000..2c3a3b1
--- /dev/null
+++ b/src/views/authentication.vue
@@ -0,0 +1,36 @@
+<script setup>
+
+</script>
+
+<template>
+  <h1>登录</h1>
+  <el-input v-model="username" placeholder="pls enter the username"></el-input>
+  <el-input v-model="password" placeholder="pls enter the password"></el-input>
+  <el-button type="success" @click="handleLogin">LOGIN</el-button>
+</template>
+
+<script>
+   import authenticationService from "../services/authenticationService.js";
+
+   export default {
+     name: 'Authentication',
+     data(){
+       return {
+         username: '',
+         password: '',
+       };
+     },methods:{
+       handleLogin(){
+         authenticationService.login(this.username,this.password).then(res=>{
+            alert(res);
+         });
+       }
+     }
+   }
+
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file