商品白名单

apps/mini-user/src/pages/product-detail/index.tsx

@@ -1,6 +1,12 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { View, Text, Image } from '@tarojs/components';
-import Taro, { usePageScroll, useRouter, useShareAppMessage, useShareTimeline } from '@tarojs/taro';
+import Taro, {
+  useDidShow,
+  usePageScroll,
+  useRouter,
+  useShareAppMessage,
+  useShareTimeline,
+} from '@tarojs/taro';
 import type { ProductDetailContentDto } from '@dukang/shared-types';
 import PageShell from '../../components/PageShell';
 import PageNavBar from '../../components/PageNavBar';
@@ -51,13 +57,32 @@ export default function ProductDetailPage() {
     setHeaderSolid(scrollTop > 100);
   });
 
-  useEffect(() => {
+  const loadProduct = useCallback(() => {
     if (!productId) return;
-    request<Product>(`/catalog/products/${productId}`)
-      .then((p) => setProduct(normalizeFulfillmentFlags(p)))
-      .catch((e) => toast(e instanceof Error ? e.message : '加载失败'));
+    request<Product | null>(`/catalog/products/${productId}`)
+      .then((p) => {
+        if (!p) {
+          setProduct(null);
+          toast('商品不存在或暂未开放');
+          return;
+        }
+        setProduct(normalizeFulfillmentFlags(p));
+      })
+      .catch((e) => {
+        setProduct(null);
+        toast(e instanceof Error ? e.message : '加载失败');
+      });
   }, [productId]);
 
+  useEffect(() => {
+    loadProduct();
+  }, [loadProduct]);
+
+  // 登录后返回详情须带 token 重拉，否则白名单商品会一直空白
+  useDidShow(() => {
+    loadProduct();
+  });
+
   const sharePayload = useMemo(
     () => ({
       title: product?.name || DEFAULT_SHARE_TITLE,