diff --git a/src/components/cards/BackdropCard.vue b/src/components/cards/BackdropCard.vue
index 6efa6956..b9ac07a1 100644
--- a/src/components/cards/BackdropCard.vue
+++ b/src/components/cards/BackdropCard.vue
@@ -25,7 +25,7 @@ function goPlay() {
 // 计算图片地址
 const getImgUrl = computed(() => {
   const image = props.media?.image || ''
-  return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${image}`
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(image)}`
 })
 </script>
 
diff --git a/src/components/cards/LibraryCard.vue b/src/components/cards/LibraryCard.vue
index f3a9db57..95ba557b 100644
--- a/src/components/cards/LibraryCard.vue
+++ b/src/components/cards/LibraryCard.vue
@@ -56,7 +56,7 @@ function getImgUrl(url: string) {
   if (!url)
     return getDefaultImage()
   else
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${url}`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(url)}`
 }
 
 // 根据多张图片生成媒体库封面
@@ -68,7 +68,7 @@ async function drawImages(imageList: string[]) {
 
   // 为所有图片添加system/img前缀
   for (let i = 0; i < IMAGES.length; i++)
-    IMAGES[i] = `${import.meta.env.VITE_API_BASE_URL}system/img/0/${IMAGES[i]}`
+    IMAGES[i] = `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(IMAGES[i])}`
 
   // canvas
   const canvas = canvasRef.value
diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 3b046cb5..2506c503 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -91,7 +91,7 @@ const iconPath: Ref<string> = computed(() => {
     return noImage
   // 如果是网络图片则使用代理后返回
   if (props.plugin?.plugin_icon?.startsWith('http'))
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${props.plugin?.plugin_icon}`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURI(props.plugin?.plugin_icon)}`
 
   return `./plugin_icon/${props.plugin?.plugin_icon}`
 })
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index ef7657fe..4fcc0944 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -223,7 +223,7 @@ const iconPath: Ref<string> = computed(() => {
     return noImage
   // 如果是网络图片则使用代理后返回
   if (props.plugin?.plugin_icon?.startsWith('http'))
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${props.plugin?.plugin_icon}`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURI(props.plugin?.plugin_icon)}`
 
   return `./plugin_icon/${props.plugin?.plugin_icon}`
 })
diff --git a/src/components/cards/PosterCard.vue b/src/components/cards/PosterCard.vue
index 259cdbe7..3ddd601b 100644
--- a/src/components/cards/PosterCard.vue
+++ b/src/components/cards/PosterCard.vue
@@ -31,7 +31,7 @@ const getImgUrl = computed(() => {
   if (imageLoadError.value)
     return noImage
   const image = props.media?.image || ''
-  return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${image}`
+  return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(image)}`
 })
 
 // 跳转播放
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 924c1cfe..0bb3631b 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -117,7 +117,7 @@ function pluginIcon(item: Plugin) {
     return noImage
   // 如果是网络图片则使用代理后返回
   if (item?.plugin_icon?.startsWith('http'))
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${item?.plugin_icon}`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURI(item?.plugin_icon)}`
 
   return `./plugin_icon/${item?.plugin_icon}`
 }