ant design pro 踩坑和填坑 —— models/login 问题:登录状态失效后,出现多层redirect 描述:在同一页面请求多个不相关的接口,登录状态失效后,出现多层redirect,导致登录时需要按多次登录才能正常登录 解决:多加一层判断 if (!redirect) { yield put( routerRedux.push({ pathname:'/user/login', search:stringify(...
children: redirectData.concat(routerHandle(Object.keys(routerConfig))) }, { path: '*', redirect: '/exception/404', }] Vue在初始化路由时要传入一个有层级结构的路由配置,但是这里参考ant-design-pro,提供给用户的还是一级的路由配置,理由如下: 对于同一个模块来说,菜单配置对象和路由配置对象要做一些...
实战 Authorized组件是antd-pro的权限组件 Authorized 官方api 在src/router.js中会发现如下代码 <AuthorizedRoute path="/" render={props => <BasicLayout {...props} />} authority={['admin', 'user', 'guest']} redirectPath="/user/login" /> 1. 2. 3. 4. 5. 6. 其中authority对象就是准入身...
router.addRoutes(store.getters.addRouters) // 请求带有 redirect 重定向时,登录自动重定向到该地址 const redirect = decodeURIComponent(from.query.redirect || to.path) if (to.path === redirect) { // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a histor...
权限是后台管理系统常见的需求,后台开发必须考虑设计的模块,antd-pro给我们提供了很好的关于权限的封装,我们只需要在配置菜单的时候配置上准入身份,在登录成功以后获取到登陆者身份以后更新登录人身份参数即可。 效果: 1、没有准入权限的菜单将不显示 2、直接在浏览器输入没有准入权限的的地址,将跳转到403页面(图1)...
window.location.href = redirect; return; } } yield put(routerRedux.replace(redirect || '/')); } }, 这样之后,在非根目录配置ant design pro就可以正常使用了。 参考文献: https://pro.ant.design/docs/deploy-cnpro.ant.design/docs/deploy-cn...
ant design pro动态路由,进行用户权限控制,但是路由跳不到指定页面,每次重新登录会缓存上次请求的路由列表,重定向地址也不对, 重新登录又走了上一次登录的时候的路由没有请求menu之前莫名获取到了上次登录的列表, getBashRedirect = () => { // 这里是重定向的,重定向到 url 的 redirect 参数所示地址 let { ...
location.href = redirect || window.routerBase; 其实这样跳转体验上也差不了多少。 第二种解决办法是,登录成功的时候返回当前用户的信息,然后保存在currentUser中,而不是跳转到后台的时候才获取currentUser,也就是push到后台的时候,currentUser中必须有值。
server/connect/token',authorizationUri:'https://your.identity.server/connect/authorize',redirectUri:...
ant design pro 配置路由 显示页面步骤详解 第一步 在src/views下新建页面的vue文件,如果相关页面有多个,可以新建一个文件夹来放置相关文件。 给页面里写几个字,等会可以看到哦~~ 第二步 将文件加入菜单和路由 进入这个文件 src\config\router.config.js...