Browse Source

AJ-Captcha vue2 增加验证码二次校验

xingyu 2 years ago
parent
commit
b78378ce44

+ 2 - 1
yudao-ui-admin/src/api/login.js

@@ -3,10 +3,11 @@ import { getRefreshToken } from '@/utils/auth'
 import service from '@/utils/request'
 
 // 登录方法
-export function login(username, password, socialType, socialCode, socialState) {
+export function login(username, password, captchaVerification, socialType, socialCode, socialState) {
   const data = {
     username,
     password,
+    captchaVerification,
     // 社交相关
     socialType,
     socialCode,

+ 2 - 1
yudao-ui-admin/src/store/modules/user.js

@@ -36,11 +36,12 @@ const user = {
     Login({ commit }, userInfo) {
       const username = userInfo.username.trim()
       const password = userInfo.password
+      const captchaVerification = userInfo.captchaVerification
       const socialCode = userInfo.socialCode
       const socialState = userInfo.socialState
       const socialType = userInfo.socialType
       return new Promise((resolve, reject) => {
-        login(username, password, socialType, socialCode, socialState).then(res => {
+        login(username, password, captchaVerification, socialType, socialCode, socialState).then(res => {
           res = res.data;
           // 设置 token
           setToken(res)

+ 4 - 1
yudao-ui-admin/src/views/login.vue

@@ -132,6 +132,7 @@ export default {
         loginType: "uname",
         username: "admin",
         password: "admin123",
+        captchaVerification: "",
         mobile: "",
         mobileCode: "",
         rememberMe: false,
@@ -213,7 +214,8 @@ export default {
         tenantName: tenantName ? tenantName : this.loginForm.tenantName,
       };
     },
-    handleLogin() {
+    handleLogin(params) {
+      console.info(params)
       this.$refs.loginForm.validate(valid => {
         if (valid) {
           this.loading = true;
@@ -229,6 +231,7 @@ export default {
             removeRememberMe()
             removeTenantName()
           }
+          this.loginForm.captchaVerification = params.captchaVerification
           // 发起登陆
           // console.log("发起登录", this.loginForm);
           this.$store.dispatch(this.loginForm.loginType === "sms" ? "SmsLogin" : "Login", this.loginForm).then(() => {