登录没问题了，正在写注册，但似乎要用ref之类的东西，这个版本是没有的，之后尝试修改

src/App.vue

@@ -1,6 +1,6 @@
 <script setup>
 import HelloWorld from './components/HelloWorld.vue'
-import authentication from "./views/authentication.vue";
+import authentication from "./views/authentication_login.vue";
 </script>
 
 <template>

src/router/authentication.js

@@ -1,4 +1,4 @@
-import authentication from '../views/authentication.vue'
+import authentication from '../views/authentication_login.vue'
 
 export default [
     { path: '/login', component: authentication },

src/router/index.js

@@ -6,7 +6,7 @@ import meetingManagementRoutes from './meetingManagement'
 import newsManagementRoutes from './newsManagement'
 import organizationManagementRoutes from './organizationManagement'
 import userManagementRoutes from './userManagement'
-import authentication from "../views/authentication.vue";
+import authentication from "../views/authentication_login.vue";
 
 const routes = [
     { path: '/', component: HelloWorld },

src/services/authenticationService.js

@@ -10,11 +10,22 @@ export default {
         return axios.post(url, data)
             .then(response => {
                 alert(">login方法中<");
-                alert(response.data);
+                alert(response.data.username);
                 return response.data;
             });
     },
-    register(){
+    register(user){
+        const url = `${apiUrl}/users/checkLogin`
+        const data = {
+            username: username,
+            password: password
+        };
+        return axios.post(url, data)
+            .then(response => {
+                alert(">login方法中<");
+                alert(response.data.username);
+                return response.data;
+            });
         //跳转逻辑
     }
 }

src/views/authentication_login.vue

@@ -23,8 +23,9 @@
      },methods:{
        handleLogin(){
          authenticationService.login(this.username,this.password).then(res=>{
-            alert("login方法调用完毕");
-            alert(res.data);
+           alert(res.username);
+           alert("login方法调用完毕");
+
          });
        },handleRegister(){
          authenticationService.register(this.username,this.password).then(res=>{

src/views/authentication_register.vue

@@ -0,0 +1,51 @@
+<script setup>
+import authenticationService from "../services/authenticationService.js";
+
+const username = ref('');
+const password = ref('');
+const fullname = ref('');
+const organization = ref('');
+const email = ref('');
+const gender = ref('');
+const phone = ref('');
+const pname = ref('');
+
+const handleBack = () => {
+  location.href = "/login";
+};
+
+const handleRegister = () => {
+  const user = {
+    username: username.value,
+    password: password.value,
+    fullname: fullname.value,
+    organization: organization.value,
+    email: email.value,
+    gender: gender.value,
+    phone: phone.value,
+    pname: pname.value,
+  };
+
+  authenticationService.register(user).then(res => {
+    alert(res);
+  });
+};
+</script>
+
+<template>
+  <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-input v-model="fullname" placeholder="pls enter the fullname"></el-input>
+  <el-input v-model="organization" placeholder="pls enter the organization"></el-input>
+  <el-input v-model="email" placeholder="pls enter the email"></el-input>
+  <el-input v-model="gender" placeholder="pls enter the gender"></el-input>
+  <el-input v-model="phone" placeholder="pls enter the phone"></el-input>
+  <el-input v-model="pname" placeholder="pls enter the pname"></el-input>
+  <el-button type="success" @click="handleBack">BACK</el-button>
+  <el-button type="success" @click="handleRegister">REGISTER</el-button>
+</template>
+
+
+<style scoped>
+
+</style>