From 37bffbd11cfc050c13c4c252d1a9cf24a61a1718 Mon Sep 17 00:00:00 2001
From: wyy <3234929097@qq.com>
Date: Mon, 15 Apr 2024 13:52:19 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=88=86=E7=B1=BB=E3=80=91=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=9B=9E=E6=98=BE=E5=A2=9E=E5=8A=A0=E5=9C=B0=E5=9D=80?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mall4uni/src/pages/category/category.vue  |  5 +++--
 .../src/components/pic-upload/index.vue       |  4 ++--
 front-end/mall4v/src/utils/index.js           | 20 +++++++++++++++++++
 .../src/views/modules/prod/category/index.vue |  5 ++---
 4 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/front-end/mall4uni/src/pages/category/category.vue b/front-end/mall4uni/src/pages/category/category.vue
index b25b6b0..990119d 100644
--- a/front-end/mall4uni/src/pages/category/category.vue
+++ b/front-end/mall4uni/src/pages/category/category.vue
@@ -52,7 +52,7 @@
         <view class="adver-map">
           <view class="item-a">
             <image
-              :src="categoryImg"
+              :src="util.checkFileUrl(categoryImg)"
               mode="widthFix"
             />
           </view>
@@ -74,7 +74,7 @@
                 @tap="toCatePage"
               >
                 <image
-                  :src="thCateItem.pic"
+                  :src="util.checkFileUrl(thCateItem.pic)"
                   class="more-pic"
                   mode="widthFix"
                 />
@@ -96,6 +96,7 @@
 </template>
 
 <script setup>
+import util from '@/utils/util.js'
 const categoryList = ref([])
 const subCategoryList = ref([])
 const categoryImg = ref('')
diff --git a/front-end/mall4v/src/components/pic-upload/index.vue b/front-end/mall4v/src/components/pic-upload/index.vue
index 92409a5..ed275c1 100644
--- a/front-end/mall4v/src/components/pic-upload/index.vue
+++ b/front-end/mall4v/src/components/pic-upload/index.vue
@@ -12,7 +12,7 @@
       <img
         v-if="modelValue"
         alt=""
-        :src="resourcesUrl + modelValue"
+        :src="checkFileUrl(modelValue)"
         class="pic"
       >
       <el-icon
@@ -27,6 +27,7 @@
 </template>
 
 <script setup>
+import { checkFileUrl } from '@/utils'
 import $cookie from 'vue-cookies'
 import { ElMessage } from 'element-plus'
 const uploadHeaders = { Authorization: $cookie.get('Authorization') }
@@ -39,7 +40,6 @@ const props = defineProps({
     type: String
   }
 })
-const resourcesUrl = import.meta.env.VITE_APP_RESOURCES_URL
 /**
  * 图片上传
  */
diff --git a/front-end/mall4v/src/utils/index.js b/front-end/mall4v/src/utils/index.js
index a85198a..37196b1 100644
--- a/front-end/mall4v/src/utils/index.js
+++ b/front-end/mall4v/src/utils/index.js
@@ -87,3 +87,23 @@ export function idList (data, val, id = 'id', children = 'children') {
   idListFromTree(data, val, res, id)
   return res
 }
+
+/**
+ * 文件地址校验
+ * @param fileUrl 获取到的文件路径
+ */
+export function checkFileUrl (fileUrl) {
+  if (fileUrl === '') return ''
+  const baseUrl = import.meta.env.VITE_APP_RESOURCES_URL
+  // 适配el-image 图片组件预览功能
+  if (fileUrl && typeof fileUrl === 'object') {
+    // eslint-disable-next-line no-return-assign
+    return fileUrl.map(el => el = checkFileUrl(el))
+  } else {
+    if (fileUrl && fileUrl.indexOf('http') === -1) {
+      return baseUrl + fileUrl
+    } else {
+      return fileUrl
+    }
+  }
+}
diff --git a/front-end/mall4v/src/views/modules/prod/category/index.vue b/front-end/mall4v/src/views/modules/prod/category/index.vue
index 444f509..eed9c6f 100644
--- a/front-end/mall4v/src/views/modules/prod/category/index.vue
+++ b/front-end/mall4v/src/views/modules/prod/category/index.vue
@@ -37,7 +37,7 @@
         <template #default="scope">
           <img
             alt=""
-            :src="resourcesUrl + scope.row.pic "
+            :src="checkFileUrl(scope.row.pic)"
           >
         </template>
       </el-table-column>
@@ -99,10 +99,9 @@
 </template>
 
 <script setup>
-import { isAuth, treeDataTranslate } from '@/utils'
+import { checkFileUrl, isAuth, treeDataTranslate } from '@/utils'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import AddOrUpdate from './add-or-update.vue'
-const resourcesUrl = import.meta.env.VITE_APP_RESOURCES_URL
 const dataForm = ref({})
 
 onMounted(() => {