refactor: 简化ApiResponse类型并修复BlogPost组件中的图片路径处理

简化了`ApiResponse`类型定义，直接使用泛型类型`T`代替原有结构。修复了`BlogPost`组件中`featured_image`路径处理的错误，并移除了不必要的注释。同时，添加了`console.log`用于调试文章数据。

Author: ExquisiteCore

blog-web/src/components/solid/BlogPost.tsx

@@ -34,13 +34,11 @@ async function fetchPost(slug: string): Promise<Post | null> {
       withToken: false,
     });
 
-    // 检查响应格式
     if (response && response.id) {
-      // 处理特殊字符
       return {
         ...response,
         featured_image: response.featured_image
-          ? response.data.featured_image.replace(/`/g, "").trim()
+          ? response.featured_image.replace(/`/g, "").trim()
           : null,
       };
     } else {
@@ -53,13 +51,15 @@ async function fetchPost(slug: string): Promise<Post | null> {
   }
 }
 
+
 interface BlogPostProps {
   slug: string;
 }
 
 export default function BlogPost(props: BlogPostProps) {
   // 使用SolidJS的资源加载功能获取文章
   const [post] = createResource<Post | null>(() => fetchPost(props.slug));
+  console.log(post());
 
   return (
     <div class="container mx-auto px-4 py-8">
@@ -98,7 +98,7 @@ export default function BlogPost(props: BlogPostProps) {
             <article class="prose prose-lg max-w-none dark:prose-invert">
               {post()!.featured_image && (
                 <img
-                  src={post()!.featured_image}
+                  src={post()!.featured_image ?? ''}
                   alt={post()!.title}
                   class="w-full h-64 md:h-96 object-cover rounded-lg shadow-md mb-8"
                 />

blog-web/src/lib/axios.ts

@@ -10,11 +10,7 @@ interface RequestConfig extends AxiosRequestConfig {
 }
 
 // 定义响应数据的通用接口
-interface ApiResponse<T = any> {
-  code: number;
-  data: T;
-  message: string;
-}
+type ApiResponse<T = any> = T;
 
 /**
  * HTTP请求类，封装axios实例