From 100b79f99bd204f3bc7579b16569dabe22d627fb Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 14 Nov 2025 09:54:41 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E5=B0=86Solution=E7=9A=84=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E6=B8=B2=E6=9F=93=E6=9C=89Markdown=E6=94=B9=E4=B8=BAH?=
 =?UTF-8?q?tml?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/pages/solutions/SolutionDetail.vue | 12 +++++++++++-
 app/components/shared/QuestionList.vue            |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/components/pages/solutions/SolutionDetail.vue b/app/components/pages/solutions/SolutionDetail.vue
index 6eaf8dc..f6374d0 100644
--- a/app/components/pages/solutions/SolutionDetail.vue
+++ b/app/components/pages/solutions/SolutionDetail.vue
@@ -11,7 +11,11 @@
       <p class="solution-summary">{{ solution.summary }}</p>
     </header>
     <section class="solution-content">
-      <markdown-renderer :content="solution?.content || ''" />
+      <!-- eslint-disable-next-line vue/no-v-html -->
+      <div v-if="!hydrated" v-html="solution?.content || ''" />
+      <div v-else>
+        <HtmlRenderer class="html-typography" :html="solution.content || ''" />
+      </div>
     </section>
   </article>
 </template>
@@ -23,6 +27,12 @@
       default: null,
     },
   });
+
+  const hydrated = ref(false);
+
+  onMounted(() => {
+    hydrated.value = true;
+  });
 </script>
 
 <style scoped>
diff --git a/app/components/shared/QuestionList.vue b/app/components/shared/QuestionList.vue
index c0d93db..25d27bb 100644
--- a/app/components/shared/QuestionList.vue
+++ b/app/components/shared/QuestionList.vue
@@ -8,7 +8,7 @@
         :title="question.title"
         :name="question.id"
       >
-        <!-- <markdown-renderer :content="question.content || ''" /> -->
+        <!-- eslint-disable-next-line vue/no-v-html -->
         <div v-if="!hydrated" v-html="question.content" />
         <div v-else>
           <HtmlRenderer

From 644dfa329c5c20791d11888b8d67374e0393c57a Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 14 Nov 2025 09:55:35 +0800
Subject: [PATCH 2/5] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E8=A7=A3=E5=86=B3?=
 =?UTF-8?q?=E6=96=B9=E6=A1=88=E9=A1=B5=E7=9A=84=E5=88=9B=E5=BB=BA=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/pages/solutions/SolutionDetail.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/app/components/pages/solutions/SolutionDetail.vue b/app/components/pages/solutions/SolutionDetail.vue
index f6374d0..1338784 100644
--- a/app/components/pages/solutions/SolutionDetail.vue
+++ b/app/components/pages/solutions/SolutionDetail.vue
@@ -2,12 +2,6 @@
   <article class="solution-defail">
     <header class="solution-header">
       <h1 class="solution-title">{{ solution.title }}</h1>
-      <dl class="solution-meta">
-        <dt class="visually-hidden">CreatedAt:</dt>
-        <dd class="solution-date">
-          {{ new Date(solution.createAt).toLocaleDateString() }}
-        </dd>
-      </dl>
       <p class="solution-summary">{{ solution.summary }}</p>
     </header>
     <section class="solution-content">

From 54d0e297eacef460aaee9192a13bf2a0ef366f0b Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 14 Nov 2025 11:06:00 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=20=E5=B0=86Markdown=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BAHTML=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- CMS相关字段由Markdown改为WYSIWYG，前端做出对应更改
- AssetUrl重写：将CMS地址重写为本地API
---
 .../pages/products/ProductDetail.vue          | 15 +++++++-
 .../pages/solutions/SolutionDetail.vue        |  2 +-
 app/components/shared/QuestionList.vue        |  2 +-
 app/pages/about/index.vue                     | 22 +++++++-----
 app/pages/support/contact-us.vue              | 14 +++++++-
 package.json                                  |  1 +
 pnpm-lock.yaml                                |  3 ++
 server/api/cms/companyProfile.get.ts          | 10 +++++-
 server/api/cms/contactInfo.get.ts             | 10 +++++-
 server/api/cms/product/[id].get.ts            | 10 +++++-
 server/api/cms/questionList.get.ts            | 12 ++++++-
 server/api/cms/solution/[id].get.ts           | 10 +++++-
 server/utils/rewriteAssetUrls.test.ts         | 14 ++++++++
 server/utils/rewriteAssetUrls.ts              | 36 +++++++++++++++++++
 14 files changed, 143 insertions(+), 18 deletions(-)
 create mode 100644 server/utils/rewriteAssetUrls.test.ts
 create mode 100644 server/utils/rewriteAssetUrls.ts

diff --git a/app/components/pages/products/ProductDetail.vue b/app/components/pages/products/ProductDetail.vue
index 5bd3270..4f32ceb 100644
--- a/app/components/pages/products/ProductDetail.vue
+++ b/app/components/pages/products/ProductDetail.vue
@@ -2,7 +2,14 @@
   <div class="product-detail">
     <el-tabs v-model="activeName" class="product-tabs" stretch>
       <el-tab-pane :label="$t('product-tab.details')" name="details">
-        <markdown-renderer :content="product.description || ''" />
+        <!-- eslint-disable-next-line vue/no-v-html -->
+        <div v-if="!hydrated" v-html="product.description || ''" />
+        <div v-else>
+          <html-renderer
+            class="html-typography"
+            :html="product.description || ''"
+          />
+        </div>
       </el-tab-pane>
       <el-tab-pane :label="$t('product-tab.specs')" name="specs">
         <spec-table :data="product.specs" />
@@ -25,7 +32,13 @@
     },
   });
 
+  const hydrated = ref(false);
+
   const activeName = ref('details'); // 默认选中概览标签
+
+  onMounted(() => {
+    hydrated.value = true;
+  });
 </script>
 
 <style scoped>
diff --git a/app/components/pages/solutions/SolutionDetail.vue b/app/components/pages/solutions/SolutionDetail.vue
index 1338784..9bcb209 100644
--- a/app/components/pages/solutions/SolutionDetail.vue
+++ b/app/components/pages/solutions/SolutionDetail.vue
@@ -8,7 +8,7 @@
       <!-- eslint-disable-next-line vue/no-v-html -->
       <div v-if="!hydrated" v-html="solution?.content || ''" />
       <div v-else>
-        <HtmlRenderer class="html-typography" :html="solution.content || ''" />
+        <html-renderer class="html-typography" :html="solution.content || ''" />
       </div>
     </section>
   </article>
diff --git a/app/components/shared/QuestionList.vue b/app/components/shared/QuestionList.vue
index 25d27bb..fb8dd5b 100644
--- a/app/components/shared/QuestionList.vue
+++ b/app/components/shared/QuestionList.vue
@@ -11,7 +11,7 @@
         <!-- eslint-disable-next-line vue/no-v-html -->
         <div v-if="!hydrated" v-html="question.content" />
         <div v-else>
-          <HtmlRenderer
+          <html-renderer
             class="html-typography"
             :html="question.content || ''"
           />
diff --git a/app/pages/about/index.vue b/app/pages/about/index.vue
index 28a237a..52f778e 100644
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@@ -4,7 +4,14 @@
       <app-breadcrumb class="breadcrumb" :items="breadcrumbItems" />
 
       <div class="content">
-        <markdown-renderer :content="companyProfile.content || ''" />
+        <!-- eslint-disable-next-line vue/no-v-html -->
+        <div v-if="!hydrated" v-html="companyProfile.content || ''" />
+        <div v-else>
+          <html-renderer
+            class="html-typography"
+            :html="companyProfile.content || ''"
+          />
+        </div>
       </div>
 
       <el-divider content-position="left">{{ $t('learn-more') }}</el-divider>
@@ -28,6 +35,7 @@
 
 <script setup lang="ts">
   const localePath = useLocalePath();
+  const hydrated = ref(false);
   const breadcrumbItems = [
     { label: $t('navigation.home'), to: localePath('/') },
     { label: $t('navigation.about-us') },
@@ -44,6 +52,10 @@
   useHead({
     title: pageTitle,
   });
+
+  onMounted(() => {
+    hydrated.value = true;
+  });
 </script>
 
 <style scoped>
@@ -62,14 +74,6 @@
     margin-bottom: 2rem;
   }
 
-  :deep(.markdown-body p) {
-    text-indent: 2em;
-  }
-
-  :deep(.markdown-body h2) {
-    text-align: center;
-  }
-
   :deep(.el-divider__text) {
     color: var(--el-color-info);
     font-size: 1em;
diff --git a/app/pages/support/contact-us.vue b/app/pages/support/contact-us.vue
index 5ba4ff6..bc80542 100644
--- a/app/pages/support/contact-us.vue
+++ b/app/pages/support/contact-us.vue
@@ -7,7 +7,14 @@
     </div>
 
     <div v-if="!pending" class="page-content">
-      <markdown-renderer :content="contactInfo.content || ''" />
+      <!-- eslint-disable-next-line vue/no-v-html -->
+      <div v-if="!hydrated" v-html="contactInfo?.content || ''" />
+      <div v-else>
+        <html-renderer
+          class="html-typography"
+          :html="contactInfo?.content || ''"
+        />
+      </div>
     </div>
     <div v-else class="loading">
       <el-skeleton :rows="5" animated />
@@ -17,6 +24,7 @@
 
 <script setup lang="ts">
   const localePath = useLocalePath();
+  const hydrated = ref(false);
   const breadcrumbItems = [
     { label: $t('navigation.home'), to: localePath('/') },
     { label: $t('navigation.support'), to: localePath('/support') },
@@ -34,6 +42,10 @@
   usePageSeo({
     title: pageTitle,
   });
+
+  onMounted(() => {
+    hydrated.value = true;
+  });
 </script>
 
 <style scoped>
diff --git a/package.json b/package.json
index 1a11487..8963e42 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "@types/markdown-it": "^14.1.2",
     "@unocss/nuxt": "^66.4.2",
     "@vueuse/nuxt": "^13.6.0",
+    "dom-serializer": "^2.0.0",
     "domhandler": "^5.0.3",
     "dompurify": "^3.2.6",
     "element-plus": "^2.10.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dcbf7cf..c720912 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
       '@vueuse/nuxt':
         specifier: ^13.6.0
         version: 13.9.0(magicast@0.3.5)(nuxt@4.1.2(@parcel/watcher@2.5.1)(@types/node@24.4.0)(@vue/compiler-sfc@3.5.21)(db0@0.3.2)(eslint@9.35.0(jiti@2.5.1))(ioredis@5.7.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.50.2)(sass@1.92.1)(terser@5.44.0)(typescript@5.9.2)(vite@7.1.5(@types/node@24.4.0)(jiti@2.5.1)(sass@1.92.1)(terser@5.44.0)(yaml@2.8.1))(yaml@2.8.1))(vue@3.5.21(typescript@5.9.2))
+      dom-serializer:
+        specifier: ^2.0.0
+        version: 2.0.0
       domhandler:
         specifier: ^5.0.3
         version: 5.0.3
diff --git a/server/api/cms/companyProfile.get.ts b/server/api/cms/companyProfile.get.ts
index 84bc472..bc36b54 100644
--- a/server/api/cms/companyProfile.get.ts
+++ b/server/api/cms/companyProfile.get.ts
@@ -3,5 +3,13 @@ import { companyProfileService } from '~~/server/services/cms/companyProfileServ
 export default defineEventHandler(async (event) => {
   const locale = getHeader(event, 'x-locale') || 'zh-CN';
 
-  return companyProfileService.getCompanyProfile(locale);
+  const companyProfile = await companyProfileService.getCompanyProfile(locale);
+
+  companyProfile.content = rewriteAssetUrls(
+    companyProfile.content,
+    useRuntimeConfig().public.directus.url,
+    '/api/assets'
+  );
+
+  return companyProfile;
 });
diff --git a/server/api/cms/contactInfo.get.ts b/server/api/cms/contactInfo.get.ts
index 149ec9e..9ecfb55 100644
--- a/server/api/cms/contactInfo.get.ts
+++ b/server/api/cms/contactInfo.get.ts
@@ -3,5 +3,13 @@ import { contactInfoService } from '~~/server/services/cms/contactInfoService';
 export default defineEventHandler(async (event) => {
   const locale = getHeader(event, 'x-locale') || 'zh-CN';
 
-  return contactInfoService.getContactInfo(locale);
+  const contactInfo = await contactInfoService.getContactInfo(locale);
+
+  contactInfo.content = rewriteAssetUrls(
+    contactInfo.content,
+    useRuntimeConfig().public.directus.url,
+    '/api/assets'
+  );
+
+  return contactInfo;
 });
diff --git a/server/api/cms/product/[id].get.ts b/server/api/cms/product/[id].get.ts
index 644078b..38f1895 100644
--- a/server/api/cms/product/[id].get.ts
+++ b/server/api/cms/product/[id].get.ts
@@ -9,5 +9,13 @@ export default defineEventHandler(async (event) => {
     });
   const locale = getHeader(event, 'x-locale') || 'zh-CN';
 
-  return productService.getProductById(id, locale);
+  const product = await productService.getProductById(id, locale);
+
+  product.description = rewriteAssetUrls(
+    product.description,
+    useRuntimeConfig().public.directus.url,
+    '/api/assets'
+  );
+
+  return product;
 });
diff --git a/server/api/cms/questionList.get.ts b/server/api/cms/questionList.get.ts
index 18a2a11..338ad73 100644
--- a/server/api/cms/questionList.get.ts
+++ b/server/api/cms/questionList.get.ts
@@ -2,5 +2,15 @@ import { questionService } from '~~/server/services/cms/questionService';
 export default defineEventHandler(async (event) => {
   const locale = getHeader(event, 'x-locale') || 'zh-CN';
 
-  return questionService.getQuestionList(locale);
+  const questions = await questionService.getQuestionList(locale);
+
+  questions.forEach((question) => {
+    question.content = rewriteAssetUrls(
+      question.content,
+      useRuntimeConfig().public.directus.url,
+      '/api/assets'
+    );
+  });
+
+  return questions;
 });
diff --git a/server/api/cms/solution/[id].get.ts b/server/api/cms/solution/[id].get.ts
index 2ca740c..7083c02 100644
--- a/server/api/cms/solution/[id].get.ts
+++ b/server/api/cms/solution/[id].get.ts
@@ -10,5 +10,13 @@ export default defineEventHandler(async (event) => {
 
   const locale = getHeader(event, 'x-locale') || 'zh-CN';
 
-  return solutionService.getSolutionById(id, locale);
+  const solution = await solutionService.getSolutionById(id, locale);
+
+  solution.content = rewriteAssetUrls(
+    solution.content,
+    useRuntimeConfig().public.directus.url,
+    '/api/assets'
+  );
+
+  return solution;
 });
diff --git a/server/utils/rewriteAssetUrls.test.ts b/server/utils/rewriteAssetUrls.test.ts
new file mode 100644
index 0000000..d49b467
--- /dev/null
+++ b/server/utils/rewriteAssetUrls.test.ts
@@ -0,0 +1,14 @@
+import { test, expect, describe } from 'vitest';
+import { rewriteAssetUrls } from './rewriteAssetUrls';
+
+describe('rewriteAssetUrls', () => {
+  const cmsBase = 'https://cms.example.com';
+  const proxyBase = '/api/assets';
+  const baseHTML =
+    '<img src="https://cms.example.com/assets/rand-om__-uuid-1234" /><a href="https://cms.example.com/assets/rand-om__-uuid-5678">Link</a><video src="https://otherdomain.com/video.mp4"></video>';
+  test('rewrites asset URLs correctly', () => {
+    expect(rewriteAssetUrls(baseHTML, cmsBase, proxyBase)).toBe(
+      '<img src="/api/assets/rand-om__-uuid-1234"><a href="/api/assets/rand-om__-uuid-5678">Link</a><video src="https://otherdomain.com/video.mp4"></video>'
+    );
+  });
+});
diff --git a/server/utils/rewriteAssetUrls.ts b/server/utils/rewriteAssetUrls.ts
new file mode 100644
index 0000000..151af88
--- /dev/null
+++ b/server/utils/rewriteAssetUrls.ts
@@ -0,0 +1,36 @@
+import { parseDocument, DomUtils } from 'htmlparser2';
+import serialize from 'dom-serializer';
+
+export function rewriteAssetUrls(
+  html: string,
+  cmsBase: string,
+  proxyBase: string
+) {
+  if (!html) return html;
+
+  const dom = parseDocument(html);
+
+  const elements = DomUtils.findAll(
+    (elem) => elem.type === 'tag',
+    dom.children
+  );
+
+  for (const el of elements) {
+    // img / video / source -> src
+    // a -> href
+    const tag = el.name.toLowerCase();
+    const attr = tag === 'a' ? 'href' : 'src';
+
+    if (!el.attribs || !el.attribs[attr]) continue;
+
+    const url = el.attribs[attr];
+
+    // 替换cmsBase为proxyBase
+    if (url.startsWith(cmsBase)) {
+      const uuid = url.replace(`${cmsBase}/assets/`, '');
+      el.attribs[attr] = `${proxyBase}/${uuid}`;
+    }
+  }
+
+  return serialize(dom);
+}

From 17d10a7d80349c5f9270c17b00edfa43dc3a73a4 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 14 Nov 2025 11:06:09 +0800
Subject: [PATCH 4/5] =?UTF-8?q?chore:=20=E7=A7=BB=E9=99=A4=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=97=A0=E7=94=A8=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/shared/MarkdownRenderer.vue |  5 +----
 app/utils/markdown.ts                      | 14 --------------
 app/utils/transliterateText.ts             | 17 -----------------
 3 files changed, 1 insertion(+), 35 deletions(-)
 delete mode 100644 app/utils/transliterateText.ts

diff --git a/app/components/shared/MarkdownRenderer.vue b/app/components/shared/MarkdownRenderer.vue
index 43f413a..f6ad8a7 100644
--- a/app/components/shared/MarkdownRenderer.vue
+++ b/app/components/shared/MarkdownRenderer.vue
@@ -13,11 +13,8 @@
 
   const props = defineProps<Props>();
 
-  const contentWithAbsoluteUrls = convertMedia(props.content);
-
   // 将 Markdown 转换成 HTML
-  const safeHtml = computed(() => renderMarkdown(contentWithAbsoluteUrls));
-  // const safeHtml = computed(() => renderMarkdown(props.content))
+  const safeHtml = computed(() => renderMarkdown(props.content));
 
   const container = ref<HTMLElement | null>(null);
 
diff --git a/app/utils/markdown.ts b/app/utils/markdown.ts
index ef16266..c490062 100644
--- a/app/utils/markdown.ts
+++ b/app/utils/markdown.ts
@@ -18,17 +18,3 @@ export function renderMarkdown(content: string): string {
 
   return dirtyHtml;
 }
-
-export function convertMedia(content: string): string {
-  // 通过正则表达式替换Markdown中的图片链接
-  // ![alt text](image-url) -> ![alt text](strapiMedia(image-url))
-
-  if (!content) return '';
-
-  const contentWithAbsoluteUrls = content.replace(
-    /!\[([^\]]*)\]\((\/uploads\/[^)]+)\)/g,
-    (_, alt, url) => `![${alt}](${useStrapiMedia(url)})`
-  );
-
-  return contentWithAbsoluteUrls;
-}
diff --git a/app/utils/transliterateText.ts b/app/utils/transliterateText.ts
deleted file mode 100644
index 56d69ea..0000000
--- a/app/utils/transliterateText.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { pinyin } from 'pinyin-pro';
-
-/**
- * 将汉语文本转换为拼音形式
- */
-export function transliterateText(input: string): string {
-  if (!input) return '';
-  const text = input.normalize('NFKC').trim();
-
-  // 检测是否包含中文字符
-  if (/[\u4e00-\u9fa5]/.test(text)) {
-    return pinyin(text, { toneType: 'none', type: 'array' }).join('');
-  }
-
-  // 否则返回原文本
-  return text;
-}

From ee1597d2c3124a34585c618a9606aeebd51457e2 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 14 Nov 2025 11:42:29 +0800
Subject: [PATCH 5/5] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4URL=E8=BD=AC?=
 =?UTF-8?q?=E6=8D=A2=E7=9A=84baseURL?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将baseURL由directus_url转为directus_public_url
---
 nuxt.config.ts                       | 4 ++++
 server/api/cms/companyProfile.get.ts | 2 +-
 server/api/cms/contactInfo.get.ts    | 2 +-
 server/api/cms/product/[id].get.ts   | 2 +-
 server/api/cms/questionList.get.ts   | 2 +-
 server/api/cms/solution/[id].get.ts  | 2 +-
 6 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index c0bfa19..fdd3911 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -44,6 +44,10 @@ export default defineNuxtConfig({
       },
       directus: {
         url: process.env.DIRECTUS_URL || 'http://localhost:8055',
+        publicUrl:
+          process.env.DIRECTUS_PUBLIC_URL ||
+          process.env.DIRECTUS_URL ||
+          'http://localhost:8055',
         token: process.env.DIRECTUS_TOKEN || undefined,
       },
     },
diff --git a/server/api/cms/companyProfile.get.ts b/server/api/cms/companyProfile.get.ts
index bc36b54..c1ecee8 100644
--- a/server/api/cms/companyProfile.get.ts
+++ b/server/api/cms/companyProfile.get.ts
@@ -7,7 +7,7 @@ export default defineEventHandler(async (event) => {
 
   companyProfile.content = rewriteAssetUrls(
     companyProfile.content,
-    useRuntimeConfig().public.directus.url,
+    useRuntimeConfig().public.directus.publicUrl,
     '/api/assets'
   );
 
diff --git a/server/api/cms/contactInfo.get.ts b/server/api/cms/contactInfo.get.ts
index 9ecfb55..2790bf9 100644
--- a/server/api/cms/contactInfo.get.ts
+++ b/server/api/cms/contactInfo.get.ts
@@ -7,7 +7,7 @@ export default defineEventHandler(async (event) => {
 
   contactInfo.content = rewriteAssetUrls(
     contactInfo.content,
-    useRuntimeConfig().public.directus.url,
+    useRuntimeConfig().public.directus.publicUrl,
     '/api/assets'
   );
 
diff --git a/server/api/cms/product/[id].get.ts b/server/api/cms/product/[id].get.ts
index 38f1895..10bb43e 100644
--- a/server/api/cms/product/[id].get.ts
+++ b/server/api/cms/product/[id].get.ts
@@ -13,7 +13,7 @@ export default defineEventHandler(async (event) => {
 
   product.description = rewriteAssetUrls(
     product.description,
-    useRuntimeConfig().public.directus.url,
+    useRuntimeConfig().public.directus.publicUrl,
     '/api/assets'
   );
 
diff --git a/server/api/cms/questionList.get.ts b/server/api/cms/questionList.get.ts
index 338ad73..57f54cc 100644
--- a/server/api/cms/questionList.get.ts
+++ b/server/api/cms/questionList.get.ts
@@ -7,7 +7,7 @@ export default defineEventHandler(async (event) => {
   questions.forEach((question) => {
     question.content = rewriteAssetUrls(
       question.content,
-      useRuntimeConfig().public.directus.url,
+      useRuntimeConfig().public.directus.publicUrl,
       '/api/assets'
     );
   });
diff --git a/server/api/cms/solution/[id].get.ts b/server/api/cms/solution/[id].get.ts
index 7083c02..04fe973 100644
--- a/server/api/cms/solution/[id].get.ts
+++ b/server/api/cms/solution/[id].get.ts
@@ -14,7 +14,7 @@ export default defineEventHandler(async (event) => {
 
   solution.content = rewriteAssetUrls(
     solution.content,
-    useRuntimeConfig().public.directus.url,
+    useRuntimeConfig().public.directus.publicUrl,
     '/api/assets'
   );