本文详细介绍了在前端开发中如何实现login页面的路由跳转和重置功能，以及Home主页的构建，包括退出按钮、菜单数据的获取与渲染。同时，对请求接口进行了封装并添加了请求拦截器，确保每次请求携带token。此外，通过路由导航守卫保护主页面，只有获取到token时才能访问，并且封装了token的处理函数，便于管理。
一、Login页面样式铺设与功能实现
1、完成了login登录时路由跳转，点击重置按钮使用户名和密码恢复默认功能
2、搭建了Home主页的样式结构，新增退出按钮，跳转到登录页，从后台接口获取菜单数据，并将其渲染到目录上，并实现了折叠菜单功能
3、封装了请求接口，使得每次调用请求时更方便，并添加请求拦截器，访问接口需要获得token令牌
4、加入了路由导航守卫，使得在未获取到token时，不允许跳转到主页面
5、封装token的处理函数，包括获取token，删除token，存储token三种方法，便于今后进行token操作时更清晰，代码更简洁
101
84
72
3985
4253
234
338
648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
