1.将登录成功之后的token, 保存到客户端的sessionStorage中

1.1项目中出了登录之外的其他API接口,必须在登录之后才能访问

1.2 token 只应在当前网站打开期间生效,所以将token 保存在sessionStorage中

2.通过编程式导航跳转到后台主页,路由地址是

202108241629791068550502

console.log(res):

202108241629791284100014-1652954651560

3、登录成功后:

202108241629791347131412

4、登录成功以后跳转到home页面,此时的页面中含有token,就算我们吧token清除掉也是可以进入到home页面,这不符合需求

202108241629792816133274

5、这时候就需要路由导航守卫来控制访问权限

202108241629793632902299

对router文件进行改造

原先:

202108241629793939903020

现在:

202108241629794773178467

代码演示:

202108241629794975369360