测试产品链接重定向

next.config.ts

@@ -13,6 +13,14 @@ const nextConfig: NextConfig = {
   async headers() {
     return configHeader;
   },
+  async rewrites() {
+    return [
+      {
+        source: '/:slug.html',
+        destination: '/product/:slug',
+      },
+    ];
+  },
   compress: true, 
   experimental: {
     optimizePackageImports: ["lodash", "date-fns"],

src/components/catalog/product/ProductCard.tsx

@@ -37,7 +37,7 @@ export const ProductCard: FC<ProductCardProps> = ({
       className="animate-fadeIn gap-y-4.5 flex flex-col"
     >
       <div className="group relative overflow-hidden rounded-lg">
-        <Link href={`/product/${product.urlKey}`} aria-label={`View ${product.name}`}>
+        <Link href={`/${product.urlKey}.html`} aria-label={`View ${product.name}`}>
           <div className="aspect-[353/283] h-auto truncate rounded-lg">
             <NextImage
               alt={product?.name || "Product image"}