diff --git a/pages/carousel/index.vue b/pages/carousel/index.vue
index 43c5b30f5..46d17fd8c 100755
--- a/pages/carousel/index.vue
+++ b/pages/carousel/index.vue
@@ -23,7 +23,7 @@
                         <div class="product-item">
                             <div class="product-item-content">
                                 <div class="mb-3">
-                                    <img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="product-image" />
+                                    <img :src="baseUrl + 'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="product-image" />
                                 </div>
                                 <div>
                                     <h4 class="mb-1">{{ slotProps.data.name }}</h4>
@@ -50,7 +50,7 @@
                         <div class="product-item">
                             <div class="product-item-content">
                                 <div class="mb-3">
-                                    <img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="product-image" />
+                                    <img :src="baseUrl + 'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="product-image" />
                                 </div>
                                 <div>
                                     <h4 class="mb-1">{{ slotProps.data.name }}</h4>
@@ -77,7 +77,7 @@
                         <div class="product-item">
                             <div class="product-item-content">
                                 <div class="mb-3">
-                                    <img :src="'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="product-image" />
+                                    <img :src="baseUrl + 'demo/images/product/' + slotProps.data.image" :alt="slotProps.data.name" class="product-image" />
                                 </div>
                                 <div>
                                     <h4 class="mb-1">{{ slotProps.data.name }}</h4>
@@ -124,7 +124,8 @@ export default {
                     numVisible: 1,
                     numScroll: 1
                 }
-            ]
+            ],
+            baseUrl: '/'
         };
     },
     productService: null,
@@ -133,6 +134,8 @@ export default {
     },
     mounted() {
         this.productService.getProductsSmall().then((data) => (this.products = data.slice(0, 9)));
+
+        this.baseUrl = process.dev ? '/' : '/primevue-nuxt/';
     },
     components: {
         CarouselDoc: CarouselDoc