合并代码

src/views/ProductDetail.vue

@@ -106,9 +106,8 @@
           <!-- 商品详情 -->
           <div class="product-details">
             <h3>商品详情</h3>
-            <div class="detail-item" v-for="(value, key) in product.details" :key="key">
-              <span class="detail-label">{{ key }}：</span>
-              <span class="detail-value">{{ value }}</span>
+            <div class="detail-content">
+              <p>{{ product.description || '暂无详细描述' }}</p>
             </div>
           </div>
 
@@ -267,10 +266,13 @@ const getProductDetail = async () => {
       api.get(`/products/${productId}/reviews`),
       api.get(`/products/${productId}/recommended`)
     ])
+    console.log(productRes,'productRes');
+    console.log(reviewsRes,'reviewsRes');
+    console.log(recommendedRes,'recommendedRes');
     
-    product.value = productRes.data
-    reviews.value = reviewsRes.data
-    recommendedProducts.value = recommendedRes.data
+    product.value = productRes.data.data.product
+    reviews.value = reviewsRes.data.data.reviews || []
+    recommendedProducts.value = recommendedRes.data.data.products || []
   } catch (error) {
     ElMessage.error('获取商品详情失败')
     router.go(-1)