From fe7d81ff62f8d763b68c8635ccbe74017cdef6ae Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Tue, 30 Sep 2025 17:47:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=B8=8A=E4=BC=A0):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=B8=8A=E4=BC=A0=E7=BB=84=E4=BB=B6=E5=B9=B6?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E7=8E=AF=E5=A2=83=E5=8F=98=E9=87=8F=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加文件上传功能组件，并在上传钩子中使用环境变量配置基础URL
---
 src/hooks/useUpload.ts                    |  5 ++++-
 src/pages-sub/about/about.vue             |  2 ++
 src/pages-sub/about/components/Upload.vue | 25 +++++++++++++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/pages-sub/about/components/Upload.vue

diff --git a/src/hooks/useUpload.ts b/src/hooks/useUpload.ts
index 3fa388b..84111e9 100644
--- a/src/hooks/useUpload.ts
+++ b/src/hooks/useUpload.ts
@@ -1,4 +1,7 @@
 import { ref } from 'vue'
+import { getEnvBaseUrl } from '@/utils/index'
+
+const VITE_UPLOAD_BASEURL = `${getEnvBaseUrl()}/upload`
 
 type TfileType = 'image' | 'file'
 type TImage = 'png' | 'jpg' | 'jpeg' | 'webp' | '*'
@@ -135,7 +138,7 @@ async function uploadFile({
   onComplete: () => void
 }) {
   uni.uploadFile({
-    url: '/upload',
+    url: VITE_UPLOAD_BASEURL,
     filePath: tempFilePath,
     name: 'file',
     formData,
diff --git a/src/pages-sub/about/about.vue b/src/pages-sub/about/about.vue
index 78316b4..63e00f3 100644
--- a/src/pages-sub/about/about.vue
+++ b/src/pages-sub/about/about.vue
@@ -4,6 +4,7 @@ import { LOGIN_PAGE } from '@/router/config'
 import { useTokenStore } from '@/store'
 import RequestOpenApiComp from './components/request-openapi.vue'
 import RequestComp from './components/request.vue'
+import UploadComp from './components/Upload.vue'
 import VBindCss from './components/VBindCss.vue'
 
 definePage({
@@ -105,6 +106,7 @@ onShow(() => {
     </view>
     <RequestOpenApiComp />
     <RequestComp />
+    <UploadComp />
     <VBindCss />
     <view class="mb-6 h-1px bg-#eee" />
     <view class="mb-2 text-center">
diff --git a/src/pages-sub/about/components/Upload.vue b/src/pages-sub/about/components/Upload.vue
new file mode 100644
index 0000000..5574389
--- /dev/null
+++ b/src/pages-sub/about/components/Upload.vue
@@ -0,0 +1,25 @@
+<template>
+  <view class="p-4 text-center">
+    <wd-button @click="run">
+      选择图片并上传
+    </wd-button>
+    <view v-if="loading" class="h-10 text-blue">
+      上传...
+    </view>
+    <template v-else>
+      <view class="m-2">
+        上传后返回的接口数据：
+      </view>
+      <view class="m-2">
+        {{ data }}
+      </view>
+      <view class="h-80 w-full">
+        <image v-if="data" :src="data.url" mode="scaleToFill" />
+      </view>
+    </template>
+  </view>
+</template>
+
+<script lang="ts" setup>
+const { loading, data, run } = useUpload()
+</script>