权限

src/App.vue

@@ -1,10 +1,41 @@
 <template>
     <div id="app">
-    
+        <router-view />
-    <router-view/>
     </div>
 </template>
 
 <style>
-
 </style>
+
+<script>
+export default {
+    mounted() {
+        const token = localStorage.getItem("token");
+        console.log(token);
+        if (token) {
+            this.axios
+                .get("/getuserinfo", {
+                    params: {
+                        token: localStorage.getItem("token"),
+                    },
+                })
+                .then((res) => {
+                  console.log("jiekouqingqiuwan")
+                    if (res.data.data.length == 0) {
+                        localStorage.removeItem("token");
+                        this.$router.push("/login");
+                    } else {
+                        const a = {
+                            user: res.data.data[0].user,
+                            token: res.data.data.num_key,
+                        };
+                        this.$store.commit("setuserinfo", a);
+                    }
+                    // 验证这个用户
+                    // 不对 remove token 跳转到登录
+                    // 对 不做什么
+                });
+        }
+    },
+};
+</script>

src/main.js

@@ -5,7 +5,7 @@ import store from './store'
 import "./element-ui.js"
 import axios from "axios"
 Vue.config.productionTip = false
-axios.defaults.baseURL = 'http://127.0.0.1:3002';
+axios.defaults.baseURL = 'http://127.0.0.1:3003';
 Vue.prototype.axios = axios
 new Vue({
   router,

src/router/index.js

@@ -1,13 +1,13 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
+import store from "../store/index.js"
 
 Vue.use(VueRouter)
 
 const routes = [
   {
     path: '/',
-    name: 'Home',
     component: Home
   },
   {
@@ -42,6 +42,9 @@ const routes = [
   }
 ]
 
+
+
+
 const router = new VueRouter({
   mode: 'history',
   base: process.env.BASE_URL,
@@ -49,5 +52,17 @@ const router = new VueRouter({
 })
 
 
+router.beforeEach((to,from,next)=>{
+  console.log(store.state.userinfo,"vuex");
+  if(store.state.userinfo.token !="" || localStorage.getItem("token")){
+    next()
+  }else if(to.path == "/login"){
+    next()
+  }else{
+    next("/login")
+  }
+})
+
+
 export default router
 

src/store/index.js

@@ -40,9 +40,9 @@ export default new Vuex.Store({
                   message: "登录成功",
                   type: "success",
               });
-              localStorage.setItem("token",res.data.data.token)
+              localStorage.setItem("token",res.data.data.num_key)
               context.commit("setuserinfo",res.data.data)
-              router.push("/list")
+              router.push("/nav")
           }
       });
     }