From 874fd7abe745df99d0e41d9e7d21e7ab3790cab4 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Sun, 22 Jun 2025 19:51:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(api):=20=E6=B7=BB=E5=8A=A0alova-foo?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=B9=B6=E9=87=8D=E6=9E=84alova=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将alova接口调用逻辑抽离到api目录，便于复用和维护
---
 src/api/alova-foo.ts      | 12 ++++++++++++
 src/pages/about/about.vue |  2 +-
 src/pages/about/alova.vue | 13 ++-----------
 3 files changed, 15 insertions(+), 12 deletions(-)
 create mode 100644 src/api/alova-foo.ts

diff --git a/src/api/alova-foo.ts b/src/api/alova-foo.ts
new file mode 100644
index 0000000..13852ef
--- /dev/null
+++ b/src/api/alova-foo.ts
@@ -0,0 +1,12 @@
+// alovaJS 还在整理中，有比较熟悉的开发者可以PR一下，省得我去摸索
+import { http } from '@/utils/request/alova'
+
+export function foo() {
+  return http.Get('/foo', {
+    params: {
+      name: '菲鸽',
+      page: 1,
+      pageSize: 10,
+    },
+  })
+}
diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index 396e273..cae6fba 100644
--- a/src/pages/about/about.vue
+++ b/src/pages/about/about.vue
@@ -38,7 +38,7 @@ function gotoAlova() {
     </view>
     <RequestComp />
     <UploadComp />
-    <button @click="gotoAlova">
+    <button class="w-200px text-green" @click="gotoAlova">
       前往 alova 页面
     </button>
   </view>
diff --git a/src/pages/about/alova.vue b/src/pages/about/alova.vue
index fada4e6..6e7bcae 100644
--- a/src/pages/about/alova.vue
+++ b/src/pages/about/alova.vue
@@ -9,19 +9,10 @@
 
 <script lang="ts" setup>
 import { useRequest } from 'alova/client'
-import { http } from '@/utils/request/alova'
+import { foo } from '@/api/alova-foo'
 
 const initialData = undefined
-function list() {
-  return http.Get('/foo', {
-    params: {
-      name: '菲鸽',
-      page: 1,
-      pageSize: 10,
-    },
-  })
-}
-const { loading, data, send } = useRequest(list, {
+const { loading, data, send } = useRequest(foo, {
   initialData,
   immediate: true,
 })