Przeglądaj źródła

修改推广页面背景图请求的协议通过浏览器地址判断

tangdehang 5 miesięcy temu
rodzic
commit
d744fa79b3
2 zmienionych plików z 7 dodań i 3 usunięć
  1. 1 1
      .env.production
  2. 6 2
      pages/businessCard/index.vue

+ 1 - 1
.env.production

@@ -25,7 +25,7 @@ SZX_APP_ANDROID_SCHEME = "opengeminiapp"
 
 QIYUKF_TEMPLATE_ID = "6635862"
 
-IMG_URL = "http://cloud-h5ing-guangzhou.phone.androidscloud.com/cloud/picture/assist"
+IMG_URL = "https://cloud-h5ing-guangzhou.phone.androidscloud.com/cloud/picture/assist"
 
 H5_URL = "https://client.phone.androidscloud.com"
 

+ 6 - 2
pages/businessCard/index.vue

@@ -9,7 +9,7 @@
 
     <div class="business-card" v-else-if="isShow && Object.keys(websiteInfo).length > 0">
       <!-- 背景图片 -->
-      <img id="page-bg" :src="`${this.IMG_URL}/business-card-bg.png`" @load="onLoadBgImg" />
+      <img id="page-bg" :src="`${this.bgImgUrl}/business-card-bg.png`" @load="onLoadBgImg" />
       <!-- 下载按钮区域 -->
       <div class="download-wrap">
         <div>
@@ -99,7 +99,7 @@ export default {
       websiteInfo: {}, // 网站渠道信息
       windowWidth: 0,
       windowHeight: 0,
-      IMG_URL: process.env.IMG_URL,
+      IMG_URL: process.env.IMG_URL, // 图片资源的基础URL
     }
   },
   computed: {
@@ -113,6 +113,10 @@ export default {
       return {
         backgroundImage: `url(${this.IMG_URL}/business-card-bg.png)`
       }
+    },
+    bgImgUrl() {
+      // 返回背景图片的URL
+      return window.location.protocol === 'https:' ? this.IMG_URL : this.IMG_URL.replace('https:', 'http:');
     }
   },
   mounted() {