登录

src/components/Home.vue

@@ -0,0 +1,15 @@
+<template>
+<div>
+  home组件
+</div>
+</template>
+
+<script>
+export default {
+  name: 'Home'
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/Login.vue

@@ -26,8 +26,8 @@ export default {
   data () {
     return {
       loginForm: {
-        username: '',
-        password: ''
+        username: 'admin',
+        password: '123456'
       },
       loginFormRules: {
         username: [
@@ -49,8 +49,11 @@ export default {
         }
         const { data: res } = await this.$http.post('login', this.loginForm)
         if (res.meta.status !== 200) {
-          return console.log('login fail')
+          return this.$message.error('登录失败')
         }
+        sessionStorage.setItem('token', res.data.token)
+        this.$message.success('登录成功')
+        await this.$router.push('/home')
       })
     },
     reset () {

src/router/index.js

@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Login from '../components/Login'
+import Home from '../components/Home'
+
 Vue.use(VueRouter)
 
 const routes = [
@@ -10,6 +12,10 @@ const routes = [
   {
     path: '/login',
     component: Login
+  },
+  {
+    path: '/home',
+    component: Home
   }
 ]
 

vue.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   devServer: {
     port: 8887,
-    open:true,
+    open: true
   }
 }