feat: 对接新的接口

src/app/(main)/character/[id]/(detail)/components/BasicInfo.tsx

@@ -29,6 +29,7 @@ export default function CharacterBasicInfo({
       {/* 角色头像 - 使用 figure 语义化标签 */}
       <figure>
         <Image
+          className="rounded-[30px]"
           src={avatar}
           alt={`${characterName} - 角色头像`}
           width={338}

src/app/(main)/character/[id]/(detail)/page.tsx

@@ -2,7 +2,7 @@ import { Metadata } from 'next';
 import CharacterBasicInfo from './components/BasicInfo';
 import Image from 'next/image';
 import TabsNavigation from './components/TabsNavigation';
-import { fetchCharacterDetail } from './service';
+import { fetchCharacterDetail } from '../../service-server';
 
 type CharacterDetailLayoutProps = {
   params: Promise<{

src/app/(main)/character/[id]/(detail)/service.ts

@@ -1,19 +0,0 @@
-import { cache } from 'react';
-import { publicServerRequest } from '@/lib/server-request';
-
-/**
- * 获取角色详情（公开数据，不需要 token）
- * 用于 SEO，搜索引擎爬虫可以正常访问
- * 使用 cache 确保在同一个请求周期内只请求一次
- */
-
-export const fetchCharacterDetail = cache(async (id: string) => {
-  return {};
-  const { data } = await publicServerRequest(
-    `/character/select/roleInfo/${id}`,
-    {
-      method: 'GET',
-    }
-  );
-  return data;
-});

src/app/(main)/character/page.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { useInfiniteScroll } from '@/hooks/useInfiniteScroll';
-import { fetchCharacters } from './service';
+import { fetchCharacters } from './service-client';
 import { fetchTags } from '@/services/tag';
 import { useQuery } from '@tanstack/react-query';
 import Tags from '@/components/ui/Tags';

src/app/(main)/character/service-client.ts

@@ -1,8 +1,8 @@
-import request from '@/lib/request';
+import request from '@/lib/client/request';
 
 export async function fetchCharacters({ index, limit, query }: any) {
   await new Promise((resolve) => setTimeout(resolve, 1000));
-  const { data } = await request('/api/character/select/list', {
+  const { data } = await request('/api/character/list', {
     method: 'POST',
     data: { index, limit, ...query },
   });

src/app/(main)/character/service-server.ts

@@ -0,0 +1,12 @@
+import { cache } from 'react';
+import { publicServerRequest } from '@/lib/server/request';
+
+export const fetchCharacterDetail = cache(async (id: string) => {
+  const res = await publicServerRequest(`/character/detail`, {
+    method: 'post',
+    params: {
+      roleId: id,
+    },
+  });
+  return res.data ?? {};
+});

src/lib/server/request.ts

@@ -1,5 +1,5 @@
 import axios, { AxiosRequestConfig, InternalAxiosRequestConfig } from 'axios';
-import { getServerToken } from './server-auth';
+import { getServerToken } from './auth';
 
 type ResponseType<T = any> = {
   code: number;

src/services/tag.ts

@@ -1,7 +1,7 @@
-import request from '@/lib/request';
+import request from '@/lib/client/request';
 
 export async function fetchTags(params: any = {}) {
-  const { data } = await request('/api/tag/selectByCondition', {
+  const { data } = await request('/api/tag/list', {
     method: 'POST',
     data: { limit: 20, ...params },
   });