https://github.com/chenjinxinlove/dva-ts-auth
dva-ts-auth基于antd-pro 1 用ts改造而成，添加了完成的权限认证和动态菜单
https://github.com/chenjinxinlove/dva-ts-auth
ant-design ant-design-pro antd dva react redux redux-saga typescript
Last synced: 6 months ago
JSON representation
dva-ts-auth基于antd-pro 1 用ts改造而成，添加了完成的权限认证和动态菜单
- Host: GitHub
- URL: https://github.com/chenjinxinlove/dva-ts-auth
- Owner: chenjinxinlove
- Created: 2018-11-01T03:04:54.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-16T09:29:36.000Z (almost 7 years ago)
- Last Synced: 2025-03-28T00:41:18.076Z (7 months ago)
- Topics: ant-design, ant-design-pro, antd, dva, react, redux, redux-saga, typescript
- Language: JavaScript
- Homepage: http://www.chenjinxinlove.com/dva-ts-auth/#/
- Size: 242 KB
- Stars: 12
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### dva-ts-auth
```
npm install
npm start 开发
npm build 构建
```
基于antd-pro 1 用ts改造而成，添加了完成的权限认证和动态菜单
[预览地址](http://www.chenjinxinlove.com/dva-ts-auth/#/)
没有认证的可以使用 https://github.com/chenjinxinlove/dva-ts
#### 权限认证
权限认证分三个级别
##### 视图控制
登陆之后后端返回
```
{
"code": 1,
"data": {
"token": "kshdkhalsdjlajldja;lsjd",
"slideAuths": [
"/other",
"/other/upload",
"/upload/other/add"
],
"apiAuths": [
"POST/api/upload"
]
}
}
```
slideAuths是用于侧边栏和动态路由的生成，本地全部的路由和slideAuths取交集来确定用户的权限和根据交集来生成侧边栏
##### 请求控制
apiAuths是全端控制api的权限，如何返回空就不控制，由后端控制，在request中统一进行了一层拦截
##### 自定义组件
重写button组件为AuthButton组件和认证组件AuthCheck，传入对应的url
```
验证api权限/upload/other/add
验证api权限/upload/other/add
验证api权限/upload/other/edit
验证api权限/upload/other/edit
```
返回的slideAuths中
```
/upload/other/add
```
就是用来进行组件控制的