登录联调

.env.development

@@ -5,4 +5,4 @@ VITE_APP_TITLE = 智奇管理系统
 VITE_APP_ENV = 'development'
 
 # 智奇管理系统/开发环境
-VITE_APP_BASE_API = '/dev-api'
+VITE_APP_BASE_API = 'http://124.70.134.24:48106'

src/api/login.js

@@ -1,50 +1,59 @@
-// 静态登录方法
-const staticUser = {
-  username: 'admin',
-  password: 'admin123',
-  token: 'static-token',
-  userId: 1,
-  userName: 'admin',
-  avatar: '',
-  roles: ['admin'],
-  permissions: ['*:*:*']
-};
+import request from '@/utils/request'
 
 // 登录方法
 export function login(username, password, code, uuid) {
-  return new Promise((resolve, reject) => {
-    if (username === staticUser.username && password === staticUser.password) {
-      resolve({ token: staticUser.token });
-    } else {
-      reject(new Error('账号或密码错误'));
-    }
-  });
+  const data = {
+    username,
+    password,
+    code,
+    uuid
+  }
+  return request({
+    url: '/login',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
 }
 
-// 注册方法（静态页面不实现）
+// 注册方法
 export function register(data) {
-  return Promise.reject(new Error('静态页面不支持注册'));
+  return request({
+    url: '/register',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
 }
 
 // 获取用户详细信息
 export function getInfo() {
-  return Promise.resolve({
-    user: staticUser,
-    roles: staticUser.roles,
-    permissions: staticUser.permissions
-  });
+  return request({
+    url: '/getInfo',
+    method: 'get'
+  })
 }
 
 // 退出方法
 export function logout() {
-  return Promise.resolve();
+  return request({
+    url: '/logout',
+    method: 'post'
+  })
 }
 
-// 获取验证码（静态假数据）
+// 获取验证码
 export function getCodeImg() {
-  return Promise.resolve({
-    img: '',
-    uuid: 'static-uuid',
-    captchaEnabled: false
-  });
+  return request({
+    url: '/captchaImage',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  })
 }

src/views/login.vue

@@ -84,12 +84,6 @@ const loginForm = ref({
   uuid: ""
 });
 
-const loginRules = {
-  username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
-  password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
-  code: [{ required: true, trigger: "change", message: "请输入验证码" }]
-};
-
 const codeUrl = ref("");
 const loading = ref(false);
 // 验证码开关
@@ -98,6 +92,18 @@ const captchaEnabled = ref(true);
 const register = ref(false);
 const redirect = ref(undefined);
 
+// 动态验证规则
+const loginRules = computed(() => {
+  const rules = {
+    username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
+    password: [{ required: true, trigger: "blur", message: "请输入您的密码" }]
+  };
+  if (captchaEnabled.value) {
+    rules.code = [{ required: true, trigger: "change", message: "请输入验证码" }];
+  }
+  return rules;
+});
+
 watch(route, (newRoute) => {
     redirect.value = newRoute.query && newRoute.query.redirect;
 }, { immediate: true });