fix(ProseImg): prevent conflict between src and baseURL (#2242)

nuxt · Aug 23, 2023 · 2745604 · 2745604
1 parent 71ed34f
commit 2745604
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/runtime/components/Prose/ProseImg.vue b/src/runtime/components/Prose/ProseImg.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { withBase } from 'ufo'
+import { withTrailingSlash, withLeadingSlash, joinURL } from 'ufo'
 import { useRuntimeConfig, computed } from '#imports'
 
 const props = defineProps({
@@ -27,7 +27,10 @@ const props = defineProps({
 
 const refinedSrc = computed(() => {
   if (props.src?.startsWith('/') && !props.src.startsWith('//')) {
-    return withBase(props.src, useRuntimeConfig().app.baseURL)
+    const _base = withLeadingSlash(withTrailingSlash(useRuntimeConfig().app.baseURL))
+    if (_base !== '/' && !props.src.startsWith(_base)) {
+      return joinURL(_base, props.src)
+    }
   }
   return props.src
 })