change

Author: 2860754963

src/api/aslsystem.ts

@@ -1,7 +1,11 @@
 import { http } from "@/utils/http";
 // 获取图片验证码
 export function getCodeImg(params) {
-  return http.request("get", "/slbma/manager/captcha", { params }, {responseType: 'blob'}); 
+  return http.request(
+    "get",
+    "/slbma/data/captcha",
+    { params },
+    { responseType: "json" },
+    // responseType还有什么选项
+  );
 }
-
-  

src/api/user.ts

@@ -100,7 +100,7 @@ type ResultTable = {
 export const getLogin = (data?: object) => {
   console.log("进登陆借口");
   // slbm
-  return http.request<UserResult>("post", "/slbma/manager/login", { data });
+  return http.request<UserResult>("post", "/slbma/data/login", { data });
 };
 
 /** 刷新`token` */

src/components/ReImageVerify/src/hooks.ts

@@ -1,36 +1,23 @@
 import { message } from "@/utils/message";
 import { getCodeImg } from "@/api/aslsystem";
-  /**
+/**
  * 获取图片验证码
  * @returns  验证码图片
  */
 export const getImgCode = async () => {
-  let key=new Date().getTime();
+  let key = new Date().getTime();
   let params = {
     key,
   };
-  let blob:Blob|any  = await getCodeImg(params);
+  let blob: Blob | any = await getCodeImg(params);
   if (blob) {
-   const canvas: any = document.getElementById('captchaCanvas');
-        const ctx = canvas.getContext('2d');
-        const img = new Image();
-        const url = URL.createObjectURL(blob); // 将 Blob 转换为可用的 URL
-        img.onload = function () {
-            canvas.width = img.width;
-            canvas.height = img.height;
-            ctx.drawImage(img, 0, 0);
-            URL.revokeObjectURL(url);
-        };
-    img.src = url; 
+    let imgElement = document.getElementById("captchaCanvas");
+
+    imgElement.setAttribute("src", blob.info.img); // 将 Blob 转换为可用的 URL
     // 将key进行缓存
-    localStorage.setItem('slVerifyKey', JSON.stringify(key));
-    message('获取验证码成功', { type: "success" });
+    localStorage.setItem("slVerifyKey", JSON.stringify(key));
+    message("获取验证码成功", { type: "success" });
   } else {
-    message('获取验证码失败', { type: "error" });
+    message("获取验证码失败", { type: "error" });
   }
 };
-
-
-
-
-

src/components/ReImageVerify/src/index.vue

@@ -15,5 +15,5 @@ defineExpose({ getImgCode });
 </script>
 
 <template>
-  <canvas id="captchaCanvas" @click="handleRefresh" />
+  <img id="captchaCanvas" @click="handleRefresh" />
 </template>

vite.config.ts

@@ -6,7 +6,7 @@ import {
   alias,
   wrapperEnv,
   pathResolve,
-  __APP_INFO__
+  __APP_INFO__,
 } from "./build/utils";
 
 export default ({ mode }: ConfigEnv): UserConfigExport => {
@@ -16,31 +16,31 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
     base: VITE_PUBLIC_PATH,
     root,
     resolve: {
-      alias
+      alias,
     },
     // 服务端渲染
     server: {
       // 端口号
       port: VITE_PORT,
       host: "0.0.0.0",
       // 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy
-       proxy: {
-       "/slbma": {
-        target: "https://slwl-api.itheima.net", //本地调试时使用
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/slbma/, ''),
+      proxy: {
+        "/slbma": {
+          target: "http://localhost:8989", //本地调试时使用
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/slbma/, ""),
+        },
       },
-    },
       // 预热文件以提前转换和缓存结果，降低启动期间的初始页面加载时长并防止转换瀑布
       warmup: {
-        clientFiles: ["./index.html", "./src/{views,components}/*"]
-      }
+        clientFiles: ["./index.html", "./src/{views,components}/*"],
+      },
     },
     plugins: getPluginsList(VITE_CDN, VITE_COMPRESSION),
     // https://cn.vitejs.dev/config/dep-optimization-options.html#dep-optimization-options
     optimizeDeps: {
       include,
-      exclude
+      exclude,
     },
     build: {
       // https://cn.vitejs.dev/guide/build.html#browser-compatibility
@@ -50,19 +50,19 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
       chunkSizeWarningLimit: 4000,
       rollupOptions: {
         input: {
-          index: pathResolve("./index.html", import.meta.url)
+          index: pathResolve("./index.html", import.meta.url),
         },
         // 静态资源分类打包
         output: {
           chunkFileNames: "static/js/[name]-[hash].js",
           entryFileNames: "static/js/[name]-[hash].js",
-          assetFileNames: "static/[ext]/[name]-[hash].[ext]"
-        }
-      }
+          assetFileNames: "static/[ext]/[name]-[hash].[ext]",
+        },
+      },
     },
     define: {
       __INTLIFY_PROD_DEVTOOLS__: false,
-      __APP_INFO__: JSON.stringify(__APP_INFO__)
-    }
+      __APP_INFO__: JSON.stringify(__APP_INFO__),
+    },
   };
 };