完善

src/IndexArticleDetail.vue

@@ -14,7 +14,6 @@
         :text="item.articlecontent"
         :comment="item.comment"
         :num="item.islike"
-        
       ></follow>
     </div>
 
@@ -54,7 +53,6 @@
       </div>
       <div class="bodys">
         <comment v-for="(item,index) in plist" :key="index"></comment>
-       
       </div>
       <div class="reply">
         <img @click="biaoqing = !biaoqing" src="./assets/baoqing.png" alt srcset />
@@ -100,26 +98,33 @@ export default {
   },
   methods: {
     pfb() {
-      window.console.log(this.content)
-      this.axios.post("http://lawpro.earnest.pro/api/login_main/appendComment",{
+      if (localStorage.getItem("token") == "") {
+        this.$router.push("/login");
+      } else {
+        window.console.log(this.content);
+        if (this.content != "") {
+          this.axios
+            .post("http://lawpro.earnest.pro/api/login_main/appendComment", {
               text: this.content,
-        token:localStorage.getItem('token'),
+              token: localStorage.getItem("token"),
               type_id: this.pid,
               type: 3
-      }).then((res)=>{
+            })
+            .then(res => {
               if (res.data.code == 200) {
                 this.pinglu(this.pid);
 
-        this.content = ""
+                this.content = "";
+              }
+            });
+        }
       }
-        
-      })
     },
     handleEmotion(i) {
       this.content += i;
     },
     pinglu(id) {
-      this.pid= id
+      this.pid = id;
       this.axios
         .post("http://lawpro.earnest.pro/api/login_main/CommentList", {
           token: localStorage.getItem("token"),
@@ -127,10 +132,10 @@ this.pinglu(this.pid);
           type_id: id
         })
         .then(res => {
-          window.console.log(res)
-          this.plist = res.data.data.data
+          window.console.log(res);
+          this.plist = res.data.data.data;
           // this.list = res.data.data;
-          this.show = true
+          this.show = true;
         });
     }
   },
@@ -320,5 +325,4 @@ this.pinglu(this.pid);
     }
   }
 }
-
 </style>

src/PersonalHomepage.vue

@@ -196,7 +196,9 @@ export default {
     }
   },
   mounted(){
-    
+    if(localStorage.getItem('token') == ""){
+      this.$router.push("/login")
+    }
     this.axios.post('http://lawpro.earnest.pro/api/login_main/getUserDetails',{
       token:localStorage.getItem("token")
     }).then((res)=>{

src/components/indexhead.vue

@@ -57,7 +57,7 @@
   .logo {
     width: 115px;
     height: 37px;
-    background-color: #000;
+    // background-color: #000;
     display: block;
     margin-left: 30px;
   }

src/login.vue

@@ -12,7 +12,7 @@
 
     <div class="tel yzm">
       <input type="text" class="shuru tel1" placeholder="输入6位验证码" v-model="yzm" />
-      <button class="getyzm" @click="yz">发送验证码</button>
+      <button class="getyzm" @click="yz">{{yzs}}</button>
     </div>
     <div class="ale">
       <p class="alert">未注册手机验证后自动登录</p>
@@ -69,7 +69,9 @@ export default {
       yzm: "",
       yztoken: "",
       Verification: "",
-      ifsign: false
+      ifsign: false,
+      yzs: "获取验证码",
+      miao: 60
     };
   },
   methods: {
@@ -86,7 +88,22 @@ export default {
     },
     yz() {
       let yz = "";
+
       if (this.tel != "") {
+        if (this.yzs != "获取验证码") {
+          return;
+        } else {
+          let t = this;
+          let a = setInterval(() => {
+            t.yzs = t.miao + "秒";
+            t.miao = t.miao - 1;
+            if (t.miao < 0) {
+              t.miao = 5;
+              t.yzs = "获取验证码";
+              clearInterval(a);
+            }
+          }, 1000);
+        }
         window.console.log("aaaa");
         var t = this;
         this.axios