update code

src/components/Cropper/src/CopperModal.vue

@@ -95,7 +95,7 @@
         </div>
         <div :class="`${prefixCls}-right`">
           <div :class="`${prefixCls}-preview`">
-            <img v-if="previewSource" :alt="t('cropper.preview')" :src="previewSource" />
+            <img v-if="previewSource" :alt="t('cropper.preview')" :src="convertImageUrl(previewSource)" />
           </div>
           <template v-if="previewSource">
             <div :class="`${prefixCls}-group`">
@@ -120,7 +120,7 @@ import { useI18n } from 'vue-i18n'
 import type { CropendResult, Cropper } from './types'
 import { propTypes } from '@/utils/propTypes'
 import { CropperImage } from '@/components/Cropper'
-
+import { convertImageUrl } from '@/utils/image-helper'
 defineOptions({ name: 'CopperModal' })
 
 const props = defineProps({

src/components/Cropper/src/Cropper.vue

@@ -5,7 +5,7 @@
       ref="imgElRef"
       :alt="alt"
       :crossorigin="crossorigin"
-      :src="src"
+      :src="convertImageUrl(src)"
       :style="getImageStyle"
     />
   </div>
@@ -17,7 +17,7 @@ import 'cropperjs/dist/cropper.css'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
 import { useDebounceFn } from '@vueuse/core'
-
+import { convertImageUrl } from '@/utils/image-helper'
 defineOptions({ name: 'Cropper' })
 
 type Options = Cropper.Options

src/components/Error/src/Error.vue

@@ -3,7 +3,7 @@ import pageError from '@/assets/svgs/404.svg'
 import networkError from '@/assets/svgs/500.svg'
 import noPermission from '@/assets/svgs/403.svg'
 import { propTypes } from '@/utils/propTypes'
-
+import { convertImageUrl } from '@/utils/image-helper'
 defineOptions({ name: 'Error' })
 
 interface ErrorMap {
@@ -48,7 +48,7 @@ const btnClick = () => {
 <template>
   <div class="flex justify-center">
     <div class="text-center">
-      <img :src="errorMap[type].url" alt="" width="350" />
+      <img :src="convertImageUrl(errorMap[type].url)" alt="" width="350" />
       <div class="text-14px text-[var(--el-color-info)]">{{ errorMap[type].message }}</div>
       <div class="mt-20px">
         <ElButton type="primary" @click="btnClick">{{ errorMap[type].buttonText }}</ElButton>

src/components/Materials/src/editorMaterials.vue

@@ -135,6 +135,7 @@ import {
 import { getPage, addObj, delObj } from '@/api/tools/material'
 import { getAccessToken } from '@/utils/auth'
 import '../../../../public/UEditor/dialogs/internal'
+import { convertImageUrl } from '@/utils/image-helper'
 
 const props = defineProps({
   value: {
@@ -384,7 +385,7 @@ function sureUrls() {
 
   let str = ''
   urls.value.forEach(item => {
-    str += '<img src="' + item + '">'
+    str += '<img src="' + convertImageUrl(item) + '">'
   })
   nowEditor.dialog.close(true)
   nowEditor.editor.setContent(str, true)

src/components/common/AppImage.vue

@@ -24,7 +24,7 @@
  */
 -->
 <template>
-  <img :src="processedSrc" :alt="alt" v-bind="$attrs" @error="handleError" />
+  <img :src="convertImageUrl(processedSrc)" :alt="alt" v-bind="$attrs" @error="handleError" />
 </template>
 
 <script setup lang="ts">

src/views/mall/shop/ads/index.vue

@@ -42,7 +42,7 @@
       <el-table-column label="id" align="center" prop="id" />
       <el-table-column :label="t('mall.image')" align="center" prop="image">
         <template #default="scope">
-          <el-image style="width: 100px; height: 100px" :src="scope.row.image"  />
+          <el-image style="width: 100px; height: 100px" :src="convertImageUrl(scope.row.image)"  />
         </template>
       </el-table-column>
       <el-table-column :label="t('mall.isAvailable')" align="center" prop="isSwitch">
@@ -98,6 +98,8 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import * as AdsApi from '@/api/mall/shop/ads'
 import AdsForm from './AdsForm.vue'
+import { convertImageUrl } from '@/utils/image-helper'
+
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 

src/views/system/notice/index.vue

@@ -56,9 +56,9 @@
           <template #default="scope">
             <el-image
               style="width: 100px; height: 100px"
-              :src="scope.row.picUrl"
+              :src="convertImageUrl(scope.row.picUrl)"
               :zoom-rate="1.2"
-              :preview-src-list="[scope.row.picUrl]"
+              :preview-src-list="[convertImageUrl(scope.row.picUrl)]"
               :initial-index="0"
               :z-index="900"
               :hide-on-click-modal="true"
@@ -125,7 +125,7 @@ import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import * as NoticeApi from '@/api/system/notice'
 import NoticeForm from './NoticeForm.vue'
-
+import { convertImageUrl } from '@/utils/image-helper'
 defineOptions({ name: 'SystemNotice' })
 
 const message = useMessage() // 消息弹窗