fix: 旋转图片验证对接完成

src/api/captcha/api.ts

@@ -0,0 +1,16 @@
+import web from '@/utils/axios/web.ts'
+
+/**
+ * 获取验证码
+ */
+export const getCaptcha = () => {
+    return web.post('/ReactRotateCaptcha/get')
+}
+/**
+ * 验证验证码
+ * @param data
+ * @constructor
+ */
+export const VerfiyCaptcha = (data: any) => {
+    return web.post('/ReactRotateCaptcha/verfiy', data)
+}

src/api/captcha/index.ts

@@ -1,51 +1,14 @@
 import type { TicketInfoType, TokenInfoType } from 'react-rotate-captcha'
-import { handle } from './canvas'
-import wallhaven from '@/assets/images/wallhaven.jpg'
+import { getCaptcha, VerfiyCaptcha } from '@/api/captcha/api.ts'
 export type ActionType = {
     code: 0 | 1
     msg: string
 }
-
-const tokenRaw = 'Nvuv8LdXUNRAVW022Gm7HkGc7RTDoEmU'
-const info = {
-    angle: -1,
-    sid: '',
-    ticket: '',
-}
-
-export async function checkTicket(ticket?: TicketInfoType) {
-    const { sid, ticket: ticketRaw } = info
-    const { data } = ticket || {}
-
-    const isWait = sid !== '' && ticketRaw !== ''
-    const success = sid === data?.sid && ticketRaw === data.ticket
-
-    const result =
-        isWait && success
-            ? {
-                  code: 0,
-                  msg: 'Successful',
-              }
-            : {
-                  code: 1,
-                  msg: 'Failed',
-              }
-
-    return result as ActionType
-}
-
+let image: string = ''
 export async function get(): Promise<TokenInfoType> {
-    info.angle = -1
-    info.sid = ''
-    info.ticket = ''
-    return {
-        code: 0,
-        data: {
-            str: 'wallhaven1',
-            token: tokenRaw,
-        },
-        msg: 'success',
-    }
+    const res: any = await getCaptcha()
+    image = res.data.str
+    return res
 }
 
 export function isSupportWebp() {
@@ -62,10 +25,7 @@ export function isSupportWebp() {
 }
 
 export async function load() {
-    const [degree, src] = await handle(wallhaven)
-    info.angle = degree
-    console.log('degree', degree)
-    return src
+    return image
 }
 
 export function sleep(time: number) {
@@ -75,25 +35,10 @@ export function sleep(time: number) {
 }
 
 export async function verify(token: string, deg: number): Promise<TicketInfoType> {
-    console.log(deg)
-    console.log(info.angle)
-    const { angle } = info
-    const success = token === tokenRaw && Math.abs(deg - angle) <= 5
-
-    info.sid = Math.random().toString(36).slice(-8)
-    // info.ticket = crypto.randomUUID()
-
-    return angle >= 0 && success
-        ? {
-              code: 0,
-              data: {
-                  sid: info.sid,
-                  ticket: info.ticket,
-              },
-              msg: 'Success',
-          }
-        : {
-              code: 1,
-              msg: 'Fail verify',
-          }
+    const data: any = {
+        token: token,
+        deg: deg,
+    }
+    const res: any = await VerfiyCaptcha(data)
+    return res
 }