fix(modules/web): 重构阅读API;封面图片优先使用源站资源

- 添加图片代理接口API;API地址测试(3s超时)

modules/web/src/components/BookItems.vue

@@ -12,6 +12,7 @@
             class="cover"
             :src="getCover(book.coverUrl)"
             :key="book.coverUrl"
+            @error.once="proxyImage"
             alt=""
             loading="lazy"
           />
@@ -49,16 +50,20 @@
   </div>
 </template>
 <script setup>
-import { dateFormat } from "../utils/utils";
-import { baseUrl } from "@/api/axios.js";
+import { dateFormat, isLegadoUrl } from "../utils/utils";
+import API from "@api";
+
 const props = defineProps(["books", "isSearch"]);
 const emit = defineEmits(["bookClick"]);
 const handleClick = (book) => emit("bookClick", book);
 const getCover = (coverUrl) => {
-  return /^data:/.test(coverUrl)
-    ? coverUrl
-    : baseUrl() + "/cover?path=" + encodeURIComponent(coverUrl);
+  return isLegadoUrl(coverUrl)
+    ? API.getProxyCoverUrl(coverUrl) : coverUrl
 };
+const proxyImage = (event) => {
+  event.target.src = API.getProxyCoverUrl(event.target.src);
+};
+
 
 const subJustify = computed(() =>
   props.isSearch ? "space-between" : "flex-start",

modules/web/src/components/ChapterContent.vue

@@ -18,7 +18,8 @@
 </template>
 
 <script setup>
-import { getImageFromLegado, isLegadoUrl } from "@/utils/utils";
+import { isLegadoUrl } from "@/utils/utils";
+import API from "@api";
 import jump from "@/plugins/jump";
 
 const props = defineProps({
@@ -33,11 +34,11 @@ const props = defineProps({
 const getImageSrc = (content) => {
   const imgPattern = /<img[^>]*src="([^"]*(?:"[^>]+\})?)"[^>]*>/;
   const src = content.match(imgPattern)[1];
-  if (isLegadoUrl(src)) return getImageFromLegado(src);
+  if (isLegadoUrl(src)) return API.getProxyImageUrl(src, useBookStore().config.readWidth)
   return src;
 };
 const proxyImage = (event) => {
-  event.target.src = getImageFromLegado(event.target.src);
+  event.target.src = API.getProxyImageUrl(event.target.src, useBookStore().config.readWidth);
 };
 
 const calculateWordCount = (paragraph) => {