GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix 编码斜杠禁用的反代无法加载图片

Browse Source 
fix 编码斜杠禁用的反代无法加载图片 修改url编码

fix 编码斜杠禁用的反代无法加载图片 修改url编码
This commit is contained in:
aodi
2024-04-15 18:02:28 +08:00
parent b22d81a9e9
commit 9b04b12dec
6 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/BackdropCard.vue
+1 -1
View File
@@ -25,7 +25,7 @@ function goPlay() {
// 计算图片地址 // 计算图片地址
const getImgUrl = computed(() => { const getImgUrl = computed(() => {
const image = props.media?.image || '' const image = props.media?.image || ''
return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(image)}` return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURIComponent(image).replace(/%2F/g, '/')}`
}) })
</script> </script>
src/components/cards/LibraryCard.vue
+2 -2
View File
@@ -56,7 +56,7 @@ function getImgUrl(url: string) {
if (!url) if (!url)
return getDefaultImage() return getDefaultImage()
else else
return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(url)}` return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURIComponent(url).replace(/%2F/g, '/')}`
} }
// 根据多张图片生成媒体库封面 // 根据多张图片生成媒体库封面
@@ -68,7 +68,7 @@ async function drawImages(imageList: string[]) {
// 为所有图片添加system/img前缀 // 为所有图片添加system/img前缀
for (let i = 0; i < IMAGES.length; i++) for (let i = 0; i < IMAGES.length; i++)
IMAGES[i] = `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(IMAGES[i])}` IMAGES[i] = `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURIComponent(IMAGES[i]).replace(/%2F/g, '/')}`
// canvas // canvas
const canvas = canvasRef.value const canvas = canvasRef.value
src/components/cards/PluginAppCard.vue
+1 -1
View File
@@ -91,7 +91,7 @@ const iconPath: Ref<string> = computed(() => {
return noImage return noImage
// 如果是网络图片则使用代理后返回 // 如果是网络图片则使用代理后返回
if (props.plugin?.plugin_icon?.startsWith('http')) if (props.plugin?.plugin_icon?.startsWith('http'))
return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURI(props.plugin?.plugin_icon)}` return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURIComponent(props.plugin?.plugin_icon).replace(/%2F/g, '/')}`
return `./plugin_icon/${props.plugin?.plugin_icon}` return `./plugin_icon/${props.plugin?.plugin_icon}`
}) })
src/components/cards/PluginCard.vue
+1 -1
View File
@@ -223,7 +223,7 @@ const iconPath: Ref<string> = computed(() => {
return noImage return noImage
// 如果是网络图片则使用代理后返回 // 如果是网络图片则使用代理后返回
if (props.plugin?.plugin_icon?.startsWith('http')) if (props.plugin?.plugin_icon?.startsWith('http'))
return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURI(props.plugin?.plugin_icon)}` return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURIComponent(props.plugin?.plugin_icon).replace(/%2F/g, '/')}`
return `./plugin_icon/${props.plugin?.plugin_icon}` return `./plugin_icon/${props.plugin?.plugin_icon}`
}) })
src/components/cards/PosterCard.vue
+1 -1
View File
@@ -31,7 +31,7 @@ const getImgUrl = computed(() => {
if (imageLoadError.value) if (imageLoadError.value)
return noImage return noImage
const image = props.media?.image || '' const image = props.media?.image || ''
return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURI(image)}` return `${import.meta.env.VITE_API_BASE_URL}system/img/0/${encodeURIComponent(image).replace(/%2F/g, '/')}`
}) })
// 跳转播放 // 跳转播放
src/views/plugin/PluginCardListView.vue
+1 -1
View File
@@ -117,7 +117,7 @@ function pluginIcon(item: Plugin) {
return noImage return noImage
// 如果是网络图片则使用代理后返回 // 如果是网络图片则使用代理后返回
if (item?.plugin_icon?.startsWith('http')) if (item?.plugin_icon?.startsWith('http'))
return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURI(item?.plugin_icon)}` return `${import.meta.env.VITE_API_BASE_URL}system/img/1/${encodeURIComponent(item?.plugin_icon).replace(/%2F/g, '/')}`
return `./plugin_icon/${item?.plugin_icon}` return `./plugin_icon/${item?.plugin_icon}`
} }