![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
路由权限管理方案
https://www.bilibili.com/video/BV1e8411F7Ds/?spm_id_from=333.880.my_history.page.click&vd_source=655aeccd27498d6f06e2099b5e292982
做一个有温度和深度的程序猿
这个作者很懒,什么都没留下…
展开
-
第四部分【路由权限管理方案】
next('path')会跳转到这个path路径,且重新进入前端路由守卫,也就是说,路由守卫会再执行一遍。导航守卫 | Vue Router (vuejs.org)next()的话会退出前端路由守卫,进入这个路由。next()和next('path')的区别。最后,在登出按钮,需要把我们的东西都移除掉。因此,整个路由守卫方案也就结束啦!如何用前置守卫来完成最后一步判断?为了防止无线循环,需要搞好判断逻辑。首先需要明白前置守卫的路由。原创 2023-03-23 19:43:40 · 161 阅读 · 0 评论 -
第三部分内容【路由权限管理方案】
最后,因为axios请求是异步操作,所以这个action要返回格式化完的路由,需要通过new Promise的形式,通过resolve来返回,这就是你们所看到的这里出现了Promise。第一,方便通过vue-tool工具进行查看,第二,可以在后面讲路由守卫的判断中用到。resetRoutes这个action就不用说了把,就是把两个记录一些内容的state删除掉就行了。这里需要记录两个东西,一个是routes,这是记录这个用户所具有的访问的路由权限,只是个记录而已,关于mutation。原创 2023-03-23 19:16:28 · 143 阅读 · 0 评论 -
第二部分内容【路由权限管理方案】
res.data即使请求回来的路由规则,这里把这个规则先放倒了localStorage存放着。这里其实涉及到向后端发送登录请求,然后在设置cookies,接着跳转到首页。用户登录完需要做什么操作?axios如何请求路由规则?axios如何请求路由规则?用户登录需要做什么操作?原创 2023-03-23 18:52:21 · 129 阅读 · 0 评论 -
第一部分内容【路由权限管理方案】
假设用户已经登录了,也从后端请求到了路由规则,怎么格式化路由并且添加路由规则呢?这里不考虑记录一些内容这个步骤。这个内容好像很简单啊!不会添加路由的可以看前置知识-router。原创 2023-03-23 18:40:37 · 91 阅读 · 0 评论 -
ROUTER【路由权限管理方案】
route是指在Vue Router中注册路由时,使用`path`、`component`等属性来定义一个路由,具体来说就是定义路由的路径和要渲染的组件。而router则是Vue Router的实例,包含了所有的路由和相关的配置信息,同时负责监听URL的变化并且分发到不同的路由匹配上的组件中去。笔者现在做项目都是根据模板来的,看得懂代码,用模板来写代码,举一反三,效果极佳。route是路由的具体信息,而router是管理和控制路由的实例对象。通过调用router提供的addRoute方法,来添加路由。原创 2023-03-23 18:20:29 · 218 阅读 · 0 评论 -
VUEX【路由权限管理方案】
vuex无非就是把要共享的数据记录下来,然后通过mutations去修改定义的state,异步的操作要在通过action。然后就是如何在js文件中和vue文件中使用这些方法,和拿到这些数据。因为小项目的话,不用分模块也可以写,但是不容易维护。分模块来写,在我看来,是一个方便维护,且心情舒畅的事情。最后就是,只要定义好store对象,且vue.use(store)了,所有的东西都是在store对象里的。引入store对象就可以进行你的操作。这是我的理解。原创 2023-03-23 16:24:23 · 302 阅读 · 0 评论 -
整体思路【路由权限管理方案】
整体思路的概况原创 2023-03-23 15:46:58 · 279 阅读 · 0 评论