外部数据也放到项目里

src/api.js

@@ -17,7 +17,7 @@ export default {
   getData(idx) {
     return axios({
       method: 'get',
-      url: 'https://houseoss.4dkankan.com/project/yzdyh-h5/book-fair/bookFairData.json',
+      url: `${process.env.BASE_URL}data/bookFairData.json`,
       headers: {
         "Content-Type": "application/json",
       },

src/views/RelicDetail.vue

@@ -14,7 +14,7 @@
           v-for="(item, index) in relicInfo?.imgs"
           :key="index"
           class="swiper-slide"
-          :src="'https://houseoss.4dkankan.com/project/yzdyh-h5/book-fair/' + item"
+          :src="`${$env.BASE_URL}data/${item}`"
           alt=""
           draggable="false"
         >
@@ -39,7 +39,7 @@
 
 <script setup>
 import { useRoute, useRouter } from "vue-router"
-import { computed, ref, onMounted, watch } from "vue"
+import { computed, ref, onMounted, watch, inject } from "vue"
 import { useStore } from "vuex"
 import Swiper from 'swiper/bundle'
 import 'swiper/css/bundle'
@@ -49,6 +49,8 @@ const route = useRoute()
 const router = useRouter()
 const store = useStore()
 
+const $env = inject('$env')
+
 const relicInfo = computed(() => {
   return store.state.data?.list[route.query.unitIdx]?.list[route.query.relicIdx]
 })

src/views/RelicList.vue

@@ -43,7 +43,7 @@
       >
         <img
           class="cover"
-          :src="'https://houseoss.4dkankan.com/project/yzdyh-h5/book-fair/' + item.imgs[0]"
+          :src="`${$env.BASE_URL}data/${item.imgs[0]}`"
           alt=""
           draggable="false"
         >
@@ -65,7 +65,7 @@
 
 <script setup>
 import { useRoute, useRouter } from "vue-router"
-import { ref, computed } from "vue"
+import { ref, computed, inject } from "vue"
 import { useStore } from "vuex"
 import { numberToWords } from "pixiu-number-toolkit"
 
@@ -73,6 +73,8 @@ const route = useRoute()
 const router = useRouter()
 const store = useStore()
 
+const $env = inject('$env')
+
 const tabbarEl = ref(null)
 function onTabbarWheel(e) {
   tabbarEl.value.scrollLeft -= e.wheelDelta