fix: 前台缓存跳转问题

Author: zhongchubing

geekape-nav-main/layouts/default.vue

@@ -1,13 +1,26 @@
 <template>
-  <div>
+
+  <div :style="{ marginLeft: contentMarginLeft }">
+    <AppNavMenus
+      :categorys="category"
+      :show-menu-type="showMenuType"
+      @showMenus="toggleMenu2"
+    />
+    <AppHeader
+      @handleShowPopup="showPopup = true"
+      @handleShowMenu="toggleMenu"
+    />
     <nuxt />
   </div>
 </template>
 
 <script>
 
-export default {
+import layoutMixin from "../mixins/layoutMixin";
+import navActionMixin from "../mixins/navActionMixin";
 
+export default {
+  mixins: [layoutMixin, navActionMixin],
 }
 </script>
 

geekape-nav-main/nuxt.config.js

@@ -107,10 +107,10 @@ module.exports = {
   /*
    ** 服务器端中间件--针对首页做缓存
    */
-  serverMiddleware: [
-    {
-      path: '/',
-      handler: '~/plugins/pageCache.js',
-    },
-  ]
+  // serverMiddleware: [
+  //   {
+  //     path: '/',
+  //     handler: '~/plugins/pageCache.js',
+  //   },
+  // ]
 }

geekape-nav-main/pages/index.vue

@@ -44,6 +44,7 @@ import NavRankingList from "../components/NavRankingList";
 import Affiche from "../components/Affiche";
 export default {
   mixins: [layoutMixin],
+  layout: 'second',
   components: {
     Affiche,
     NavRankingList,

geekape-nav-main/pages/nav/_id.vue

@@ -1,14 +1,5 @@
 <template>
-  <div :style="{ marginLeft: contentMarginLeft }">
-    <AppNavMenus
-      :categorys="category"
-      :show-menu-type="showMenuType"
-      @showMenus="toggleMenu2"
-    />
-    <AppHeader
-      @handleShowPopup="showPopup = true"
-      @handleShowMenu="toggleMenu"
-    />
+  <div>
     <div class="background-fx">
       <img src="https://nav.iowen.cn/wp-content/themes/onenav/images/fx/shape-01.svg" class="shape-01"> <img
       src="https://nav.iowen.cn/wp-content/themes/onenav/images/fx/shape-02.svg" class="shape-02"> <img
@@ -114,9 +105,8 @@ import layoutMixin from "../../mixins/layoutMixin";
 import navActionMixin from "../../mixins/navActionMixin";
 
 export default {
-  mixins: [layoutMixin, navActionMixin],
   name: "NavDetail",
-  layout: 'second',
+  mixins: [navActionMixin],
   head() {
     const { name, desc } = this.detail
     return {

geekape-nav-main/pages/recommend.vue

@@ -1,17 +1,6 @@
 <template>
-  <div :style="{ marginLeft: contentMarginLeft }">
-    <AppNavMenus
-      :categorys="category"
-      :show-menu-type="showMenuType"
-      @showMenus="toggleMenu2"
-    />
-    <AppHeader
-      @handleShowPopup="showPopup = true"
-      @handleShowMenu="toggleMenu"
-    />
-
-    <div class="container">
-      <el-card>
+  <div class="container">
+    <el-card>
         <el-form ref="ruleForm" label-width="100px" :model="form" :rules="rules"  v-loading="formLoading">
 
           <el-form-item label="网站链接" prop="href">
@@ -79,18 +68,16 @@
           </el-form-item>
         </el-form>
       </el-card>
-    </div>
   </div>
 </template>
 
 <script>
 import layoutMixin from "../mixins/layoutMixin";
 import axios from "../plugins/axios";
-import {API_NAV_REPTILE, API_TAG_LIST} from "../api";
+import {API_NAV, API_NAV_REPTILE, API_TAG_LIST} from "../api";
 
 export default {
   name: "recommend",
-  mixins: [layoutMixin],
   data() {
     return {
       loading: false,
@@ -162,7 +149,7 @@ export default {
           this.loading = true
           // 判断编辑还是更新
 
-          const res = await this.$api.addNav(this.form)
+          const res = await axios.post(API_NAV, this.form)
           if (res.code === 0) {
             this.$message.error(`${res.msg}`)
           } else {