迁移后台

src/components/Aboutus.vue

@@ -10,7 +10,10 @@ const { breakpoint } = useBootstrapBreakpoint();
 <!--      <img v-if="$isMobile.android.phone||$isMobile.android.tablet"-->
 <!--           src="/AboutusVideo.gif"-->
 <!--           class="videoimg"/>-->
-      <video v-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
+      <img v-if="$isMobile.phone"
+           src="/AboutusVideo.gif"
+           class="videoimg"/>
+      <video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
              poster="/AboutusVideoPreload.png"
              controls=""
              id="abtbannervideo"

src/components/ExampleItem.vue

@@ -9,7 +9,7 @@ export default {
       psginfo:null,
       error:null,
       isLoading: false,
-      cmsroot: 'https://cms.yangprivate.site'
+      cmsroot: '${this.$axios.defaults.baseURL}'
     }
   },
   setup() {
@@ -75,9 +75,9 @@ export default {
 <template>
   <div id="passageroot" class="pageroot" v-if="psginfo">
     <div id="passagebanner" class="pagebanner">
-      <img :src="`https://cms.yangprivate.site${psginfo.mobileheadimage.url}`"
+      <img :src="`${this.$axios.defaults.baseURL}${psginfo.mobileheadimage.url}`"
            v-if="breakpoint==='xs'||breakpoint==='sm'"   alt="" id="bannerimg"/>
-      <img :src="`https://cms.yangprivate.site${psginfo.headimage.url}`"
+      <img :src="`${this.$axios.defaults.baseURL}${psginfo.headimage.url}`"
            v-else  alt="" id="bannerimg"/>
       <div id="bannercontentfill"
            style="width: 100%;height: 100%;
@@ -119,11 +119,11 @@ export default {
       <div v-for="(item, index) in psginfo.images" :key="index"
            class="imglistitem"
            style="width: 100%; height: auto;">
-        <img :src="`https://cms.yangprivate.site${item.url}`" v-if="item.mime.startsWith('image',0)" alt="" />
+        <img :src="`${this.$axios.defaults.baseURL}${item.url}`" v-if="item.mime.startsWith('image',0)" alt="" />
         <video v-else-if="item.mime.startsWith('video',0)" controls="controls">
-          <source :src="`https://cms.yangprivate.site${item.url}`" type="video/mp4">
-          <source :src="`https://cms.yangprivate.site${item.url}`" type="video/ogg">
-          <source :src="`https://cms.yangprivate.site${item.url}`" type="video/webm">
+          <source :src="`${this.$axios.defaults.baseURL}${item.url}`" type="video/mp4">
+          <source :src="`${this.$axios.defaults.baseURL}${item.url}`" type="video/ogg">
+          <source :src="`${this.$axios.defaults.baseURL}${item.url}`" type="video/webm">
         </video>
       </div>
     </div>

src/components/ExamplesContent.vue

@@ -41,7 +41,7 @@
           :href="`/ExampleItem?createdAt=${item.createdAt}`"
       >
         <div class="listblock">
-          <img :src="`https://cms.yangprivate.site${item.headimage.formats.large.url}`" alt="" />
+          <img :src="`${this.$axios.defaults.baseURL}${item.headimage.formats.large.url}`" alt="" />
           <div class="itemtext">
             <span class="upspan">
               {{item.brandname_cn}}

src/main.js

@@ -10,7 +10,7 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap/dist/js/bootstrap.bundle.min.js'
 
 const app = createApp(App)
-axios.defaults.baseURL = 'https://cms.yangprivate.site'
+axios.defaults.baseURL = 'https://cms.kdesign.top'
 // 全局挂载 axios，所有组件都可以 this.$axios 访问
 app.config.globalProperties.$axios = axios
 

src/start.js

@@ -10,7 +10,7 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap/dist/js/bootstrap.bundle.min.js'
 
 const app = createApp(Start)
-axios.defaults.baseURL = 'https://cms.yangprivate.site'
+axios.defaults.baseURL = 'https://cms.kdesign.top'
 app.config.globalProperties.$axios = axios
 // 安全地获取 User Agent 并进行检测
 let mobileDetectResult;