From ace7a6621ff7fd1d50d29e018454ba1c197abfcc Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 5 Jan 2024 21:35:33 +0800
Subject: [PATCH] image proxy

---
 package.json                          | 2 +-
 src/components/cards/BackdropCard.vue | 8 +++++++-
 src/components/cards/LibraryCard.vue  | 3 ++-
 src/components/cards/PosterCard.vue   | 3 ++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 290983110..bbe8b28f9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.5.7-1",
+  "version": "1.5.7-2",
   "private": true,
   "bin": "dist/service.js",
   "scripts": {
diff --git a/src/components/cards/BackdropCard.vue b/src/components/cards/BackdropCard.vue
index 148ffc21f..3bda98d82 100644
--- a/src/components/cards/BackdropCard.vue
+++ b/src/components/cards/BackdropCard.vue
@@ -21,6 +21,12 @@ function goPlay() {
   if (props.media?.link)
     window.open(props.media?.link, '_blank')
 }
+
+// 计算图片地址
+const getImgUrl = computed(() => {
+  const image = props.media?.image || ''
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(image)}`
+})
 </script>
 
 <template>
@@ -43,7 +49,7 @@ function goPlay() {
       >
         <template #image>
           <VImg
-            :src="props.media?.image"
+            :src="getImgUrl"
             aspect-ratio="2/3"
             cover
             @load="imageLoadHandler"
diff --git a/src/components/cards/LibraryCard.vue b/src/components/cards/LibraryCard.vue
index a69f705f1..f428e13e8 100644
--- a/src/components/cards/LibraryCard.vue
+++ b/src/components/cards/LibraryCard.vue
@@ -18,7 +18,8 @@ function imageLoadHandler() {
 
 // 计算图片地址
 const getImgUrl = computed(() => {
-  return props.media?.image || props.media?.image_list?.[0]
+  const image = props.media?.image || props.media?.image_list?.[0] || ''
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(image)}`
 })
 
 // 跳转播放
diff --git a/src/components/cards/PosterCard.vue b/src/components/cards/PosterCard.vue
index 14eb1be0c..866c9eb01 100644
--- a/src/components/cards/PosterCard.vue
+++ b/src/components/cards/PosterCard.vue
@@ -30,7 +30,8 @@ function getChipColor(type: string) {
 const getImgUrl = computed(() => {
   if (imageLoadError.value)
     return noImage
-  return props.media?.image
+  const image = props.media?.image || ''
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/${encodeURIComponent(image)}`
 })
 
 // 跳转播放