fix: image not show in some cases

Author: terwer

apps/app/package.json

@@ -12,14 +12,15 @@
   "dependencies": {
     "@element-plus/icons-vue": ">=0.2.6",
     "@element-plus/nuxt": "1.1.1",
-    "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
     "@nuxtjs/i18n": "9.1.1",
     "@pinia/nuxt": "^0.9.0",
+    "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
     "@vueuse/core": "^12.2.0",
     "cheerio": "^1.0.0",
     "dayjs": "^1.11.13",
     "element-plus": ">=2",
     "highlight.js": "11.7.0",
+    "js-base64": "^3.7.7",
     "lodash-unified": "^1.0.3",
     "nuxt": "^3.15.0",
     "pinia": "^2.3.0",

apps/app/plugins/libs/renderer/useStaticClientAssets.ts

@@ -8,6 +8,7 @@
  */
 
 import { StrUtil } from "zhi-common"
+import { Base64 } from "js-base64"
 import { useProviderMode } from "~/composables/useProviderMode"
 import { useBaseUrl } from "~/plugins/libs/renderer/useClientBaseUrl"
 
@@ -33,9 +34,13 @@ export const useStaticClientAssets = () => {
         const src = img.getAttribute("src") ?? ""
         if (src.includes("assets")) {
           if (providerMode) {
-            // const apiBase = env.public.providerUrl
-            // const imgUrl = [apiBase, "api/asset/", src].join("/")
-            logger.info("providerMode is not local, skip addClientAssetsPrefix, use api as alternative")
+            const apiBase = env.public.providerUrl
+            // src base64加密
+            const base64Url = Base64.encodeURI(src)
+            const imgUrl = StrUtil.pathJoin(StrUtil.pathJoin(apiBase, "/api/asset/origin/base64/"), base64Url)
+            img.setAttribute("src", imgUrl)
+            img.setAttribute("data-src", imgUrl)
+            logger.info("providerMode is not local, skip addClientAssetsPrefix, use api as alternative", imgUrl)
           } else {
             const baseUrl = getClientBaseUrl()
             const pubicAssetsFolder = `public/siyuan-blog/${pageId}`