123

shop-app/components/cart/CartItemRow.vue

@@ -10,7 +10,7 @@
 			</view>
 		</view>
 		<view class="cart-item__main" @click="emit('goods-click', item)">
-			<image-preview class="cart-item__pic" :src="item.mainPic || item.displayPic" />
+			<image-preview class="cart-item__pic" :src="item.mainPic" />
 			<view class="cart-item__info">
 				<text class="cart-item__name">{{ item.goodsName }}</text>
 				<view v-if="item.specList && item.specList.length" class="cart-item__specs">

shop-app/components/common/ImagePreview.vue

@@ -42,10 +42,10 @@ const props = defineProps({
 		type: String,
 		default: 'aspectFill'
 	},
-	/** 加载失败或 src 为空时的占位图 */
+	/** 无图或加载失败时的占位图；默认空则显示灰色图标（避免误显示 logo） */
 	placeholder: {
 		type: String,
-		default: '/static/logo.png'
+		default: ''
 	},
 	/** 点击预览大图 */
 	preview: {

shop-app/components/mall/GoodsGrid.vue

@@ -6,7 +6,7 @@
 			class="goods-card"
 			@click="emit('item-click', item)"
 		>
-			<image-preview class="goods-card__pic" :src="item.mainPic || item.displayPic" />
+			<image-preview class="goods-card__pic" :src="item.mainPic" />
 			<view class="goods-card__body">
 				<text class="goods-card__name">{{ item.goodsName }}</text>
 				<view class="goods-card__price">

shop-app/components/order/CheckoutGoodsRow.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="checkout-goods">
-		<image-preview class="checkout-goods__pic" :src="goods.mainPic || goods.displayPic" />
+		<image-preview class="checkout-goods__pic" :src="goods.mainPic" />
 		<view class="checkout-goods__info">
 			<text class="checkout-goods__name">{{ goods.goodsName }}</text>
 			<view v-if="goods.specList && goods.specList.length" class="checkout-goods__specs">

shop-app/components/order/CheckoutMultiGoodsRow.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="multi-goods-row">
-		<image-preview class="multi-goods-row__pic" :src="item.mainPic || item.displayPic" />
+		<image-preview class="multi-goods-row__pic" :src="item.mainPic" />
 		<view class="multi-goods-row__main">
 			<text class="multi-goods-row__name">{{ item.goodsName }}</text>
 			<view v-if="item.specList && item.specList.length" class="multi-goods-row__specs">

shop-app/components/order/OrderGoodsRow.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="order-goods-row" @click="emit('click')">
-		<image-preview class="order-goods-row__pic" :src="item.goodsImage || item.mainPic || item.displayPic" />
+		<image-preview class="order-goods-row__pic" :src="item.goodsImage || item.mainPic" />
 		<view class="order-goods-row__main" :class="{ 'order-goods-row__main--compact': reviewAction }">
 			<text class="order-goods-row__name">{{ item.goodsName }}</text>
 			<view v-if="item.specList && item.specList.length" class="order-goods-row__specs">

shop-app/components/order/ReviewDoneSummaryCard.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="review-done-card">
 		<view class="review-done-card__goods">
-			<image-preview class="review-done-card__pic" :src="item.goodsImage || item.mainPic || item.displayPic" />
+			<image-preview class="review-done-card__pic" :src="item.goodsImage || item.mainPic" />
 			<view class="review-done-card__goods-meta">
 				<text class="review-done-card__name">{{ item.goodsName }}</text>
 				<text v-if="item.specText" class="review-done-card__spec">{{ item.specText }}</text>

shop-app/config/index.js

@@ -34,6 +34,31 @@ function resolveBaseApi() {
 
 export const BASE_API = resolveBaseApi()
 
+/** 后端完整地址（含 IP/域名），来自 .env 的 VITE_APP_API_HOST */
+export const API_HOST = apiHost
+
+/**
+ * 图片/文件访问根地址（始终用完整 IP/域名）
+ * 说明：<image> 标签不会走 Vite 的 /dev-api 代理，必须用 API_HOST 直连后端
+ */
+export const FILE_BASE = API_HOST
+
+/**
+ * 拼接图片、上传文件等静态资源地址（profile/upload 等）
+ * @param {string} path
+ */
+export function joinFileUrl(path) {
+  if (!path) {
+    return FILE_BASE
+  }
+  if (/^https?:\/\//i.test(path)) {
+    return path
+  }
+  const p = path.startsWith('/') ? path : '/' + path
+  const base = String(FILE_BASE).replace(/\/$/, '')
+  return base + p
+}
+
 /**
  * 拼接接口或静态资源地址（/login、/profile/...）
  * @param {string} path

shop-app/pages/category/index.vue

@@ -28,7 +28,7 @@
 						class="right-item"
 						@click="onLevel2Tap(child)"
 					>
-						<image-preview class="right-item__pic" :src="child.categoryPic || child.displayPic" />
+						<image-preview class="right-item__pic" :src="child.categoryPic" />
 						<text v-if="child.isHot" class="right-item__badge">热</text>
 						<text class="right-item__name">{{ child.categoryName }}</text>
 					</view>

shop-app/pages/index/index.vue

@@ -36,7 +36,7 @@
 					<swiper-item v-for="(item, index) in bannerList" :key="item.bannerId || index">
 						<image-preview
 							class="banner-img"
-							:src="item.bannerImage"
+							:src="item.bannerImageRaw || item.bannerImage"
 							preview
 							:preview-list="bannerPreviewList"
 							:preview-index="index"
@@ -57,7 +57,7 @@
 						>
 							<image-preview
 								class="category-icon"
-								:src="item.categoryPic || item.displayPic"
+								:src="item.categoryPic"
 							/>
 							<text class="category-name">{{ item.categoryName }}</text>
 						</view>
@@ -95,7 +95,7 @@
 						class="hot-card"
 						@click="onGoodsTap(item)"
 					>
-						<image-preview class="hot-pic" :src="item.mainPic || item.displayPic" />
+						<image-preview class="hot-pic" :src="item.mainPic" />
 						<view class="hot-info">
 							<text class="hot-name">{{ item.goodsName }}</text>
 							<view class="hot-meta">
@@ -183,15 +183,13 @@ async function fetchModule(apiFn, mapper) {
 /** Banner：过滤无效图（BN13） */
 function mapBanners(list) {
 	return list
-		.map((row) => {
-			const url = resolveFileUrl(row.bannerImage)
-			return {
-				bannerId: row.bannerId,
-				bannerImage: url,
-				sortNo: row.sortNo
-			}
-		})
-		.filter((item) => !!item.bannerImage)
+		.map((row) => ({
+			bannerId: row.bannerId,
+			bannerImageRaw: row.bannerImage || '',
+			bannerImage: resolveFileUrl(row.bannerImage),
+			sortNo: row.sortNo
+		}))
+		.filter((item) => !!item.bannerImageRaw)
 }
 
 function mapCategories(list) {

shop-app/subpackage/category/level1.vue

@@ -39,7 +39,7 @@
 							@click.stop="onTabChange(index)"
 						>
 							<view class="l2-item__pic-wrap">
-								<image-preview class="l2-item__pic" :src="tab.categoryPic || tab.displayPic" :placeholder="CATEGORY_PLACEHOLDER" />
+								<image-preview class="l2-item__pic" :src="tab.categoryPic" :placeholder="CATEGORY_PLACEHOLDER" />
 								<text v-if="tab.isHot" class="l2-item__hot">热</text>
 							</view>
 							<text class="l2-item__name">{{ tab.categoryName }}</text>

shop-app/subpackage/order/aftersale-detail.vue

@@ -18,7 +18,7 @@
 			<view class="as-card">
 				<text class="as-card__title">商品信息</text>
 				<view class="as-goods">
-					<image-preview class="as-goods__pic" :src="detail.goodsImage || detail.displayPic" />
+					<image-preview class="as-goods__pic" :src="detail.goodsImage" />
 					<view class="as-goods__info">
 						<text class="as-goods__name">{{ detail.goodsName }}</text>
 						<text

shop-app/subpackage/order/aftersale-list.vue

@@ -39,7 +39,7 @@
 						<text class="aftersale-card__status">{{ row.statusText }}</text>
 					</view>
 					<view class="aftersale-card__goods">
-						<image-preview class="aftersale-card__pic" :src="row.goodsImage || row.displayPic" />
+						<image-preview class="aftersale-card__pic" :src="row.goodsImage" />
 						<view class="aftersale-card__info">
 							<text class="aftersale-card__name">{{ row.goodsName }}</text>
 							<text class="aftersale-card__type">{{ row.applyTypeText }} · {{ row.applyReason }}</text>

shop-app/utils/cartDisplay.js

@@ -36,6 +36,7 @@ function mapCartItem(row) {
     cartItemId: row.cartItemId,
     goodsId: row.goodsId,
     goodsName: row.goodsName || '',
+    mainPic: row.mainPic || '',
     displayPic: resolveFileUrl(row.mainPic) || GOODS_PLACEHOLDER,
     specText: (row.specText || '').trim() || '默认',
     specList: parseCartSpecText(row.specText),

shop-app/utils/checkoutDisplay.js

@@ -18,6 +18,7 @@ export function mapGoodsItem(item) {
     cartItemId: item.cartItemId,
     goodsId: item.goodsId,
     goodsName: item.goodsName || '',
+    mainPic: item.mainPic || '',
     displayPic: resolveFileUrl(item.mainPic) || GOODS_PLACEHOLDER,
     specText,
     specList: parseCartSpecText(specText),
@@ -41,7 +42,7 @@ function mapShopAndAddress(data) {
     shop: {
       shopId: shop.shopId,
       shopName: shop.shopName || '',
-      shopAvatar: resolveFileUrl(shop.shopAvatar) || SHOP_PLACEHOLDER,
+      shopAvatar: shop.shopAvatar || '',
       shopStatus: shop.shopStatus
     },
     address: addr

shop-app/utils/image.js

@@ -1,4 +1,6 @@
-import { joinApiUrl } from '@/config'
+import { joinFileUrl, API_HOST } from '@/config'
+
+const PLACEHOLDER_PATHS = ['/static/logo.png']
 
 /** 是否外链或 data URL */
 export function isExternalUrl(url) {
@@ -6,26 +8,60 @@ export function isExternalUrl(url) {
   return /^(https?:|data:|\/\/)/i.test(String(url).trim())
 }
 
+/** 去掉 /dev-api 等代理前缀，得到后端真实路径 */
+function stripApiProxyPrefix(path) {
+  return String(path).replace(/^\/(dev-api|prod-api|shop-api)/, '') || '/'
+}
+
+function isPlaceholderPath(path) {
+  const raw = String(path || '').trim()
+  return PLACEHOLDER_PATHS.includes(raw)
+}
+
 /**
- * 将后端返回的图片路径转为可展示的完整 URL
+ * 是否已是可直接使用的图片地址（避免重复拼接）
+ */
+export function isResolvedFileUrl(url) {
+  if (!url) return false
+  const raw = String(url).trim()
+  if (isExternalUrl(raw)) return true
+  if (raw.startsWith('/static/')) return true
+  const apiHost = String(API_HOST).replace(/\/$/, '')
+  return !!(apiHost && (raw === apiHost || raw.startsWith(`${apiHost}/`)))
+}
+
+/**
+ * 将后端返回的图片路径转为可展示的完整 URL（可重复调用）
+ * 结果形如：http://192.168.1.6:8020/profile/upload/xxx.jpg
  * @param {string} path bannerImage / categoryPic / mainPic 等
  */
 export function resolveFileUrl(path) {
   if (path == null || path === '') {
     return ''
   }
-  const raw = String(path).split(',')[0].trim()
-  if (!raw) {
+  let raw = String(path).split(',')[0].trim()
+  if (!raw || isPlaceholderPath(raw)) {
     return ''
   }
   if (isExternalUrl(raw)) {
     return raw
   }
-  return joinApiUrl(raw.startsWith('/') ? raw : `/${raw}`)
+  if (raw.startsWith('/static/')) {
+    return raw
+  }
+  const apiHost = String(API_HOST).replace(/\/$/, '')
+  if (apiHost && (raw === apiHost || raw.startsWith(`${apiHost}/`))) {
+    return raw
+  }
+  if (/^\/(dev-api|prod-api|shop-api)\//i.test(raw)) {
+    raw = stripApiProxyPrefix(raw)
+  }
+  const normalized = raw.startsWith('/') ? raw : `/${raw}`
+  return joinFileUrl(normalized)
 }
 
 /**
- * 将逗号分隔或数组形式的图片路径转为完整 URL 列表（对齐 ruoyi-ui ImagePreview）
+ * 将逗号分隔或数组形式的图片路径转为完整 URL 列表
  * @param {string|string[]|null|undefined} pathOrList
  */
 export function resolveFileUrlList(pathOrList) {

shop-app/utils/orderDisplay.js

@@ -52,6 +52,8 @@ function mapFirstItem(item) {
     orderItemId: item.itemId || item.orderItemId,
     goodsId: item.goodsId,
     goodsName: item.goodsName || '',
+    goodsImage: item.goodsImage || item.mainPic || '',
+    mainPic: item.mainPic || '',
     displayPic: resolveFileUrl(item.goodsImage || item.mainPic) || GOODS_PLACEHOLDER,
     specText,
     specList: parseCartSpecText(specText),
@@ -70,6 +72,8 @@ function mapOrderItemRow(row) {
     orderItemId: row.orderItemId || row.itemId,
     goodsId: row.goodsId,
     goodsName: row.goodsName || '',
+    goodsImage: row.goodsImage || row.mainPic || '',
+    mainPic: row.mainPic || '',
     displayPic: resolveFileUrl(row.goodsImage || row.mainPic) || GOODS_PLACEHOLDER,
     specText,
     specList: parseCartSpecText(specText),
@@ -341,6 +345,8 @@ export function mapAftersaleListRow(row) {
     applyAmountText: formatPrice(row.applyAmount),
     createTime: row.createTime || '',
     goodsName: row.goodsName || '',
+    goodsImage: row.goodsImage || row.mainPic || '',
+    mainPic: row.mainPic || '',
     displayPic: resolveFileUrl(row.goodsImage || row.mainPic) || GOODS_PLACEHOLDER,
     specList: parseCartSpecText(specText),
     orderId: row.orderId,
@@ -383,6 +389,7 @@ export function mapAftersaleDetail(data) {
     orderNo: info.orderNo || data.orderNo || '',
     orderItemId: info.orderItemId,
     goodsName: info.goodsName || '',
+    goodsImage: info.goodsImage || info.mainPic || '',
     displayPic: resolveFileUrl(info.goodsImage || info.mainPic) || GOODS_PLACEHOLDER,
     specList: parseCartSpecText(specText),
     quantity: Number(info.quantity) || 1