fix(shop): 修复购物车和收藏列表图片及价格显示问题

- 购物车上下文补全映射后端返回的 product 和 sku 嵌套对象字段
- 购物车页面商品图片资源回退增加 sku.image
- 添加 ensureFullUrl 辅助函数，完善图片 URL 完整性，增强图片压缩函数健壮性
- 收藏列表扩展 ShopGoodsFavorite 模型，支持嵌套商品详情字段
- 收藏列表图片、名称、价格显示逻辑升级，优先显示嵌套商品信息
- 购物车相关接口请求参数及方法调整，修正 PUT 请求路径和请求体字段
- 收藏列表列表项 key 使用 id 或 goodsId 避免重复Key警告

src/utils/image.ts

@@ -19,6 +19,36 @@ const DEFAULT_OPTIONS: Required<ImageCompressOptions> = {
   enabled: true,
 };
 
+/**
+ * OSS 域名（文件上传接口同域）
+ */
+const OSS_BASE_URL = 'https://oss.wsdns.cn';
+
+/**
+ * 确保图片 URL 为完整路径
+ *
+ * 后端可能返回相对路径（如 /uploads/xxx.jpg），需要补全 OSS 域名。
+ *
+ * @param url 原始图片 URL
+ * @returns 完整图片 URL
+ *
+ * @example
+ * ensureFullUrl('/headers/xxx.jpg')
+ * // => 'https://oss.wsdns.cn/headers/xxx.jpg'
+ *
+ * @example
+ * ensureFullUrl('https://oss.wsdns.cn/headers/xxx.jpg')
+ * // => 'https://oss.wsdns.cn/headers/xxx.jpg'
+ */
+export function ensureFullUrl(url: string): string {
+  if (!url) return '';
+  if (url.startsWith('http://') || url.startsWith('https://')) {
+    return url;
+  }
+  // 相对路径：补全 OSS 域名
+  return `${OSS_BASE_URL}${url.startsWith('/') ? '' : '/'}${url}`;
+}
+
 /**
  * 获取 OSS 压缩后的图片 URL
  *
@@ -47,19 +77,20 @@ const DEFAULT_OPTIONS: Required<ImageCompressOptions> = {
  * // => 'https://oss.wsdns.cn/xxx.jpg'
  */
 export function getCompressedImageUrl(url: string, options?: ImageCompressOptions): string {
-  // 空 URL 直接返回空字符串
-  if (!url) return '';
+  // 先补全为完整 URL
+  const fullUrl = ensureFullUrl(url);
+  if (!fullUrl) return '';
 
   const { width, quality, enabled } = { ...DEFAULT_OPTIONS, ...options };
 
   // 未启用压缩，原样返回
-  if (!enabled) return url;
+  if (!enabled) return fullUrl;
 
   // 已包含 OSS 处理参数，避免重复拼接
-  if (url.includes('x-oss-process')) return url;
+  if (fullUrl.includes('x-oss-process')) return fullUrl;
 
   // 已有其他 query 参数用 & 拼接，否则用 ?
-  const separator = url.includes('?') ? '&' : '?';
+  const separator = fullUrl.includes('?') ? '&' : '?';
 
-  return `${url}${separator}x-oss-process=image/resize,w_${width}/quality,Q_${quality}`;
+  return `${fullUrl}${separator}x-oss-process=image/resize,w_${width}/quality,Q_${quality}`;
 }