商品详情路由地址调整

src/router/modules/recruit.js

@@ -44,7 +44,7 @@ const recruit = [
         }
       },
       {
-        path: '/wareDetails/:id',
+        path: '/mall/goodsDetail/:id',
         component: () => import('@/views/mall/components/details.vue'),
         name: 'wareDetails',
         meta: {

src/views/mall/components/details.vue

@@ -34,13 +34,17 @@ defineOptions({name: 'wares-details'})
 import { getProductDetail } from '@/api/mall'
 import selectSku from './detailsComponents/s-select-sku.vue'
 import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const { id } = router.currentRoute.value.params
 
 const carouselHover = ref(false)
 const goodsInfo = ref({})
 const skus = ref([])
 // 获取商品详情
 const getData = async () => {
-  const obj = await getProductDetail({ id: 646 })
+  const obj = await getProductDetail({ id })
   obj.sliderPicUrls = obj.sliderPicUrls || []
   skus.value = obj.skus || []
   goodsInfo.value = obj

src/views/mall/home/components/copy.js

@@ -1,12 +0,0 @@
-
-import { useRouter } from 'vue-router'; const router = useRouter()
-router.push({ path: '/wareDetails/646' })
-
-// {
-//   "title": null,
-//   "mark": "1733220155061",
-//   "img": "https://minio.citupro.com/dev/menduner/preferredGroup/IHG-banner-new.gif",
-//   "link": null,
-//   "sort": null,
-//   "status": "0"
-// }

src/views/mall/home/components/hotGoods.vue

@@ -53,7 +53,7 @@ const salesAndStock = computed(() => (data) => {
 // 商品详情
 const handleClickGood = (val) => {
   if (!val.id) return
-  router.push(`/wareDetails/${val.id}`)
+  router.push(`/mall/goodsDetail/${val.id}`)
 }
 </script>