修改seo管理

components/banner.vue

@@ -3,7 +3,7 @@
         <div class="box">
             <ul>
                 <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
-                    <img :src= "item.cover" style="width:100%;height:560px;min-height: 350px;" :alt="item.title"/>
+                    <img :src= "item.cover" style="width:100%;height:560px;min-height: 350px;" :alt="item.alt"/>
                 </li>
             </ul>
             <div class="status">

components/vehicleBanner.vue

@@ -3,7 +3,7 @@
     <div class="box">
       <ul>
         <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
-          <img :src= "item.cover" style="width:100%;min-width: 1120px;height: 240px;object-fit: cover;" :alt="item.title"/>
+          <img :src= "item.cover" style="width:100%;min-width: 1120px;height: 240px;object-fit: cover;" :alt="item.alt"/>
         </li>
       </ul>
       <!--<div class="status">-->

pages/aboutXx.vue

@@ -147,7 +147,9 @@
       //关于欣新banner   0：首页，1：旅游 2：营地 3：房车 4：活动 5：新闻 6：关于欣新
       const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=6&platform=1');
       let cc = data.data;
-      return { bannerList: cc}
+      let headData = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/7');
+      let head = headData.data.data;
+      return { bannerList: cc ,headList : head}
     },
     created(){
       if (typeof window !== 'undefined') {
@@ -221,10 +223,14 @@
       },
     },
     head () {
-      return {
-        title: "关于欣新|欣新房车股份有限公司官网|欣新房车有限公司官网|东莞欣新房车股份有限公司【总部】|关于欣新APP"
-      }
-    },
+    return {
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
+    }
+  }
   };
 </script>
 

pages/activity.vue

@@ -140,11 +140,20 @@
         this.dataDetail = data.data;
       },
     },
-    head () {
-      return {
-        title: "欣新活动|欣新沙龙|欣新高峰论坛|欣新论坛|欣新俱乐部|欣新展会|欣新活动直播链接|欣新活动APP"
-      }
-    },
+    async asyncData() {
+   let headData = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/5');
+  let head = headData.data.data;
+   return { headList : head}
+  },
+  head () {
+    return {
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
+    }
+  }
   };
 </script>
 

pages/campsite.vue

@@ -194,13 +194,19 @@ export default {
   async asyncData() {
    const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=2&platform=1');
    let cc = data.data;
-   return { bannerList: cc}
+   let headData = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/4');
+  let head = headData.data.data;
+   return { bannerList: cc, headList : head}
   },
   head () {
     return {
-      title: "欣新房车营地|房车营地|房车露营|房车自驾营地|房车出行景点|房车营地APP"
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
     }
-  },
+  }
 };
 </script>
 <style scoped>

pages/index.vue

@@ -350,7 +350,10 @@ export default {
     // 首页推荐旅游
     let tourData = await axios.get('/api/uccn/app/unauth/tour/shopList?page=1&limit=6');
     let tour = tourData.data.data;
-    return { activityList: cc, bannerList: banner, newsList: news, tourList: tour}
+    // 首页seo
+    let headData = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/1');
+    let head = headData.data.data;
+    return { activityList: cc, bannerList: banner, newsList: news, tourList: tour , headList : head}
   },
   methods: {
     handleScroll: function () {
@@ -480,7 +483,11 @@ export default {
   },
   head () {
     return {
-      title: "欣新房车[官网]-房车租赁|房车旅游|房车营地|房车托管|房车销售|房车广告|房车APP官网"
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
     }
   }
 }

pages/news.vue

@@ -139,11 +139,21 @@
         this.dataDetail = data.list;
       },
     },
-    head () {
-      return {
-        title: "欣新新闻|房车新闻|房车资讯|房车动态|房车市场信息|房车旅游动态|房车路线分享|房车新闻APP"
-      }
-    },
+   async asyncData() {
+   
+   let headData = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/6');
+  let head = headData.data.data;
+   return {  headList : head}
+  },
+  head () {
+    return {
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
+    }
+  }
   };
 </script>
 

pages/newsList/_id.vue

@@ -108,8 +108,17 @@
           swiper: galleryThumbs
         }
       });
+    },
+    head () {
+    return {
+      title: this.detail.tagTitle,
+      meta: [
+        {name:this.detail.keywords, content: this.detail.keywords },
+        { hid: 'description', name: this.detail.description, content: this.detail.description }
+      ],
     }
   }
+  }
 </script>
 <style  scoped>
   .r-content{

pages/tour.vue

@@ -175,14 +175,20 @@
     bannerClick () {},
     },
     head () {
-      return {
-        title: "欣新房车旅游|房车自驾游|房车旅行|房车一日游|房车出行|房车旅游景点|房车旅行攻略|房车旅游APP"
-      }
-    },
+    return {
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
+    }
+  },
     async asyncData() {
      const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=1&platform=1');
      let cc = data.data;
-     return { bannerList: cc}
+     let headData = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/3');
+     let head = headData.data.data;
+     return { bannerList: cc , headList : head}
     },
   }
 </script>

pages/vehicle.vue

@@ -81,6 +81,7 @@
     },
     data() {
       return {
+        // headList:{},
         totalCount: 0,
         dataDetail: [],
         bannerList: [],//车型banner列表
@@ -104,6 +105,7 @@
     created() {
       this.getAll();
       this.getBanner();
+      // this.getHead()
     },
     mounted() {
       window.addEventListener("scroll", this.scrollHandle); // 绑定页面的滚动事件
@@ -160,12 +162,22 @@
       mounted() {
         window.addEventListener('scroll', this.scrollHandle);  // 绑定页面的滚动事件
       },
+      
+    },
+    async asyncData() {
+     const { data } = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/2');
+     let cc = data.data;
+     return { headList: cc}
     },
     head () {
-      return {
-        title: "欣新房车租赁|房车出租|房车服务|租用房车|出租房车|房车租赁APP"
-      }
+    return {
+      title: this.headList.title,
+      meta: [
+        {name:this.headList.keywords, content: this.headList.keywords },
+        { hid: 'description', name: this.headList.description, content: this.headList.description }
+      ],
     }
+  }
   };
 </script>