1.1登录成功以后(保存token令牌)进入home首页,进行各种操作。
1.2退出登录(清除token令牌)返回到登录页面。
1.3 没有token时候,直接在浏览去访问一个页面内的路由地址,会跳到登录地址,
如果有token会直接进入目标页面
下一篇将讲解:,如果登录目标页面没有token令牌,则跳转到login页面登录,登录以后跳转到目标页面
1.login.vue页面,写一个登录页面
<template>
<div id="app" style="margin: 0px; line-height: 34px; width: 800px">
<h3>登录页面</h3>
<el-form
:model="ruleForm"
status-icon
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="用户名" prop="pass">
<el-input v-model="ruleForm.name" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="checkPass&#