保存登录状态

src/App.vue

@@ -12,9 +12,20 @@
 		name: 'app',
 		components: {
 		},
-		created: function () {
-			this.$router.replace('/login')
-		}
+		// beforeCreate: function () {
+		// 	let user = JSON.parse(localStorage.getItem('user'));
+		// 	if (!user) {
+		// 		this.$router.replace('/login')
+		// 	}
+		// }
+		watch: {
+			'$route'(to, from) {//监听路由改变
+				let user = JSON.parse(localStorage.getItem('user'));
+				if (!user) {
+					this.$router.replace('/login')
+				}
+			}
+		},
 	}
 </script>
 

src/main.js

@@ -86,6 +86,12 @@ const router = new VueRouter({
 
 router.beforeEach((to, from, next) => {
   NProgress.start();
+  let user = JSON.parse(localStorage.getItem('user'));
+  console.log(user); console.log(to);
+  if (!user && to.path != '/login') {
+    console.log('lgout');
+    next({ path: '/login' })
+  }
   next()
 })
 

src/pages/Home.vue

@@ -94,13 +94,13 @@
 				}
 			}
 		},
-		watch: {
-			'$route'(to, from) {//监听路由改变
-				this.currentPath = to.path;
-				this.currentPathName = to.name;
-				this.currentPathNameParent = to.matched[0].name;
-			}
-		},
+		// watch: {
+		// 	'$route'(to, from) {//监听路由改变
+		// 		this.currentPath = to.path;
+		// 		this.currentPathName = to.name;
+		// 		this.currentPathNameParent = to.matched[0].name;
+		// 	}
+		// },
 		methods: {
 			onSubmit() {
 				console.log('submit!');
@@ -119,6 +119,7 @@
 				this.$confirm('确认退出吗?', '提示', {
 					//type: 'warning'
 				}).then(() => {
+					localStorage.removeItem('user');
 					_this.$router.replace('/login');
 				}).catch(() => {
 
@@ -126,6 +127,11 @@
 
 
 			}
+		},
+		mounted() {
+			this.currentPath = this.$route.path;
+			this.currentPathName = this.$route.name;
+			this.currentPathNameParent = this.$route.matched[0].name;
 		}
 	}
 </script>