fix: 🐛 Failed to execute 'appendChild' on Node

Author: fxss5201

nuxt.config.js

@@ -65,8 +65,7 @@ module.exports = {
       src: '~/plugins/axios.js'
     },
     {
-      src: '~/plugins/vant.js',
-      mode: 'client'
+      src: '~/plugins/vant.js'
     },
     {
       src: '~/plugins/toPC.js',
@@ -150,5 +149,10 @@ module.exports = {
         }
       }
     }
+  },
+  generate: {
+    minify: {
+      collapseWhitespace: false
+    }
   }
 }

pages/detail/_id.vue

@@ -21,13 +21,14 @@
       </div>
       <div class="flex row">
         <span>views: {{ info.articleView }}</span>
-        <van-button plain type="info" size="small" @click="addStar"
-          >star: {{ info.articleStart }}</van-button
-        >
+        <client-only>
+          <van-button plain type="info" size="small" @click="addStar"
+            >star: {{ info.articleStart }}</van-button
+          >
+        </client-only>
       </div>
       <div class="toc-btn flex" @click="tocShow = !tocShow">
-        <van-icon v-if="!tocShow" name="arrow-left" />
-        <van-icon v-else name="arrow" />
+        <van-icon :name="`${tocShow ? 'arrow' : 'arrow-left'}`" />
         <span>目录</span>
       </div>
       <div

plugins/routerAfterEach.js

@@ -5,5 +5,6 @@ export default ({ app, store }) => {
       to: to.fullPath,
       client: 2
     })
+    console.log(process.env.VUE_APP_router_base)
   })
 }