瀏覽代碼

修复Uncaught ReferenceError: require is not defined

gcz 1 周之前
父節點
當前提交
e249b69296
共有 1 個文件被更改,包括 3 次插入2 次删除
  1. 3 2
      src/components/layout/Footer.vue

+ 3 - 2
src/components/layout/Footer.vue

@@ -16,7 +16,7 @@
               <span class="contact-text">{{ companyInfo.address || '贵州省贵阳市观山湖区金融城MAX-A座' }}</span>
               <span class="contact-text">{{ companyInfo.address || '贵州省贵阳市观山湖区金融城MAX-A座' }}</span>
             </div>
             </div>
             <div class="qrcode-section">
             <div class="qrcode-section">
-              <img :src="imgHost+companyInfo.wechatQrcode || '@assets/footer-qrcode.png'" alt="微信公众号" class="qrcode"
+              <img :src="imgHost + companyInfo.wechatQrcode || '@assets/footer-qrcode.png'" alt="微信公众号" class="qrcode"
                 @error="handleImageError">
                 @error="handleImageError">
               <p class="qrcode-text">微信公众号入口</p>
               <p class="qrcode-text">微信公众号入口</p>
             </div>
             </div>
@@ -73,6 +73,7 @@
 <script>
 <script>
 import { ref, onMounted } from 'vue'
 import { ref, onMounted } from 'vue'
 import { getCompanyInfo } from '@/api/modules/home'
 import { getCompanyInfo } from '@/api/modules/home'
+import defaultQrcode from '@assets/footer-qrcode.png'
 
 
 export default {
 export default {
   name: 'Footer',
   name: 'Footer',
@@ -98,7 +99,7 @@ export default {
 
 
     const handleImageError = (event) => {
     const handleImageError = (event) => {
       // 如果微信二维码图片加载失败,使用默认图片
       // 如果微信二维码图片加载失败,使用默认图片
-      event.target.src = require('@assets/footer-qrcode.png')
+      event.target.src = defaultQrcode
     }
     }
 
 
     onMounted(() => {
     onMounted(() => {