当前播放: 37 | 如何使用路由管理用户权限
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章:基础篇 (17讲)
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
免费
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲突
10 | 理解虚拟DOM及key属性的作用
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数式组件
14 | 指令的本质是什么
15 | 常用高级特性provide/inject
16 | 如何优雅地获取跨层级组件实例(拒绝递归)
17 | template和JSX的对比以及它们的本质
第二章:生态篇 (13讲)
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层原理
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element UI、Ant Design Vue、iView
27 | 提升开发效率和体验的常用工具:ESLint、Prettier、vue-devtools
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
第三章:实战篇 (21讲)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建项目
33 | 如何自定义Webpack和Babel配置
34 | 如何设计一个高扩展性的路由
35 | 实现一个可动态改变的页面布局
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权限组件、权限指令)
39 | 如何在组件中使用ECharts、Antv等其他第三方库
40 | 如何高效地使用Mock数据进行开发
41 | 如何与服务端进行交互(Axios)
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态赋值
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验的表单项
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主题
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
第四章:福利篇 (2讲)
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理)
37 | 如何使用路由管理用户权限

37 | 如何使用路由管理用户权限

唐金州
一点资讯前端技术专家,Ant Design Vue 作者
53讲 53课时,约500分钟11467
单独订阅¥129
2人成团¥99
2
登录 后留言

精选留言(22)

  • Geek
    老师 如果后台给我们返回路由信息 应该如何渲染呢
    2019-04-25
    1
    11
  • Geek_6b9b56

    真的是不知道在干嘛...不怪有些人生气啊。
    我虽然没有前端经验,但是有其他的经验,看着确实云里雾里。
    总是感觉不知道业务是什么?就开始讲了。最后写完了,演示的时候才知道,原来是搞这个。

    2019-08-01
    5
  • ZainYi
    next({ path: '/403'}) 改成 next({ path: '/403', replace: true }),否则点击浏览器后退按钮还是可能进入到未授权的页面
    2019-09-05
    1
    3
  • 愣锤
    老师您好,这块您讲的非常好,让我们受益匪浅。有一块内容如果您能出一集课程讲解一下就更好了:中后台系统页面的入口,可能需要同时区分缓存非缓存页面、在菜单右侧展示的页面和类似404这种不在菜单右侧展示的。这块内容希望您受累讲解讲解
    2019-05-16
    3
  • leslieeilsel
    最近在做动态路由,这两节课很有帮助![抱拳]
    2019-04-25
    2
  • msupercoder
    老师,你的代码保存自动格式化用的是哪个插件呀?
    2019-09-30
    1
  • 下一站幸福
    连续点击导航 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"},这是什么情况?如何解决,希望老师能回答我一次问题
    2019-08-11
    1
    1
  • sharpdeep
    老师,为什么要把forEach循环换成for...of呢?break直接跳出了整个循环,假设 “基础表单” 设置了权限不可见,此时循环已经break出,后面的 “分步表单” 就不会被处理了

    作者回复: 这个是有问题 应该是 continue 这个github已经有人提了pr

    2019-05-27
    1
  • Geek_e39088
    src/utils/auth.js
    这个文件,里面有一个getCurrentAuthority()方法,这个老师这里是写死的一个模拟权限,如果真实的项目,这个应该是从后台获取的,那么请问这个一般是什么时候获取比较合适呢,这些获取了应该都是存储到Vuex中吗?方便全局调用?
    2019-05-21
    1
  • 大青蛙
    你好,vue.config.js中多了些新的配置,在视频中没有说明,感觉这些基础的配置挺重要的,建议将这些配置项能稍微讲解下,谢谢。

    作者回复: ? 不会啊 都有说明啊,你是下载的github代码没有切换到对应课程的tag吧
    路由权限是 0.0.6 的tag。切换方式:git checkout 0.0.6
    后面一次递增 0.0.7 0.0.8 ....

    2019-04-25
    1
    1
  • Geek_97af74
    感觉beforeEach中的NProgress.done()是多余的啊,因为比如进入403页面后,也会走afterEach的钩子,不知道我想的对不对,或者有哪些场景没有想到?
    2020-01-31
  • 虚竹
    老师好,个人思考如下,请教下,
    由于且前端代码可能被修改,所以实际生产中,用户的访问权限,应该前后端都要校验的,且前端可能有多个,所以大部分代码放在后台是不是更好些?
    实际使用时,通过后台配置用户的菜单、页面内tab、和页面内操作按钮、api接口等权限,用户登录后计算相关权限并返回给前端,前后端都进行校验
    所以权限这块能否结合前后端一起讲一下能在生产中使用的方案?或者请老师解答下上述疑惑,感谢

    作者回复: 当然前后端都要做校验 前端的校验体现在是否显示,后端校验才是必不可少的

    2020-01-15
  • Geek_dbde22
    老师我有个疑问:在获取菜单项时,如果没有权限需要结束当前循环,是不是应该改用continue代替break呢,例子中user权限的人能看到仪表盘看不到表单,那么表单下面如果还有菜单项也都会看不到了

    作者回复: 是有这个问题 仓库代码已经有人提交 pr 修复了

    2019-12-17
  • Geek_dbde22
    老师,为什么子组件里不能取$router而要通过parent.$router呢?

    作者回复: 可以取 这里有个限制是函数式组件不可以

    2019-12-17
  • 未来
    老师,为什么下载你的代码,运行起来却报错呀?报了一个这样的错误: H:\vue\nodejs\node_global\_logs\2019-11-20T10_13_50_935Z-debug.log
    在文件夹里也没有找到这个node_global,什么意思呢?我是新手
    2019-11-20
  • say no
    我的postcss.config.js失效了。导致之前使用的nprogress.css 出现了报错,
     error in /Users/dev/node_modules/nprogress/nprogress.css
    Module build failed (from ./node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js):
    Error: No PostCSS Config found in: /Users/dev/node_modules/nprogress
        at config.search.then (/Users/dev/Documents/vue/ant-design-vue-pro/node_modules/_postcss-load-config@2.1.0@postcss-load-config/src/index.js:91:15)
        at <anonymous>

     @ /Users/dev/node_modules/nprogress/nprogress.css 4:14-270 14:3-18:5 15:22-278
     @ ./src/router.js
     @ ./src/main.js
     @ multi ./node_modules/_webpack-dev-server@3.8.0@webpack-dev-server/client?
    当我删除router.js中的import "nprogress/nprogress.css";就恢复正常了
    2019-09-05
  • cuikt
    老师你好,const record = findLast(to.matched, record => record.meta.authority); 这段代码怎么理解呢,比较疑惑const record 后 findLast 就直接将作为参数了,这里的record 到底是个常量还是个函数呢?
    2019-07-11
  • Geek 鱼
    利用 addRoutes 动态添加路由,左侧的侧边栏就不能显示了
    2019-05-20
  • 黄先生
    老师,table组件,customRender里面想使用遍历增加标签并且绑定事件,怎么做呢,我绑定事件会报错,说不能用@click
    2019-05-17
  • Abu
    老师,这里的用户信息(role)admin应该登录成功后存到vuex里面,每次路由守卫通过vuex里拿role判断是否有访问权限比较好的吧。如果页面刷新没有了vuex里的role,到时候在路由守卫里调接口判断权限。实际开发中应该是这么做的吧。
    2019-05-16
收起评论
看过的人还看
Node.js开发实战

杨浩  腾讯高级工程师

57讲 | 4361 人已学习

拼团 ¥99 原价 ¥129
MySQL实战45讲

林晓斌  网名丁奇,前阿里资深技术专家

48讲 | 46841 人已学习

拼团 ¥79 原价 ¥99
重学前端

程劭非(winter)  前手机淘宝前端负责人

58讲 | 33720 人已学习

¥99
玩转webpack

程柳锋  腾讯高级工程师,IVWEB团队社区和工程化负责人

84讲 | 5845 人已学习

拼团 ¥79 原价 ¥99