feats

src/pages/index/components/Banner/index.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import './index.scss'
 import { Swiper, SwiperItem, Image } from '@tarojs/components'
+import { getImgURL } from '@/utils/image'
 
 export default function Banner (props) {
   const { List = [] } = props
@@ -11,7 +12,7 @@ export default function Banner (props) {
           List.map((item, index) => (
             <SwiperItem key={`Banner-${index}`}>
               <view className="swiper-item">
-                <Image mode='aspectFill' className='centerLabel' src={item.image || null} />
+                <Image mode='aspectFill' className='centerLabel' src={getImgURL(item.image)} />
               </view>
             </SwiperItem>
           ))

src/utils/image.js

@@ -0,0 +1,11 @@
+
+// eslint-disable-next-line no-undef
+const host = HOST;
+
+export function getImgURL(img) {
+  if (!img) return undefined;
+
+  if (img.indexOf('http') === 0) return img;
+
+  return `${host}${img}`;
+}