2

server/api/ecms/carousel.ts

@@ -16,8 +16,10 @@ export interface ICarousel {
 
 export default defineEventHandler<EventHandlerRequest, Promise<IResponse<ICarousel[]>>>(async (event) => {
   try {
+    const query = getQuery(event);
+    const name = query.name as string || 'banner';
     return createSuccessResponse(await DB.table('pr_cms_block')
-            .where('name', 'banner')
+            .where('name', name)
             .where('status', 'normal')
             .orderBy('weigh', 'desc')
             .get());

src/pages/index.vue

@@ -241,13 +241,10 @@ const carouselData = await useSSrSimpleDataLoader('carousel', async () => {
   return res.data;
 });
 const carousel2Data = await useSSrSimpleDataLoader('carousel2', async () => {
-  return [
-    { image: CarouselItem1, title: 'carousel item 1' },
-    { image: CarouselItem2, title: 'carousel item 2' },
-    { image: CarouselItem3, title: 'carousel item 3' },
-    { image: CarouselItem4, title: 'carousel item 4' },
-    { image: CarouselItem5, title: 'carousel item 5' },
-  ];
+  const res = await $fetch(`/api/ecms/carousel?name=banner2`);
+  if (!res.status)
+    throw new Error(res.message);
+  return res.data;
 });
 
 const currentTab = ref('notices');