---
order: 24
title:
  en-US: Authority Management
  zh-CN: 鏉冮檺绠＄悊
type: 杩涢樁
---

鏉冮檺鎺у埗鏄腑鍚庡彴绯荤粺涓父瑙佺殑闇€姹備箣涓€锛屼綘鍙互鍒╃敤鎴戜滑鎻愪緵鐨勬潈闄愭帶鍒剁粍浠讹紝瀹炵幇涓€浜涘熀鏈殑鏉冮檺鎺у埗鍔熻兘锛岃剼鎵嬫灦涓篃鍖呭惈浜嗗嚑涓畝鍗曠ず渚嬩互鎻愪緵鍙傝€冦€�

---

## 鏉冮檺缁勪欢 Authorized

杩欐槸鑴氭墜鏋舵潈闄愮鐞嗙殑鍩虹锛屽熀鏈€濊矾鏄€氳繃姣斿褰撳墠鏉冮檺涓庡噯鍏ユ潈闄愶紝鍐冲畾灞曠ず姝ｅ父娓叉煋鍐呭杩樻槸寮傚父鍐呭锛屼娇鐢ㄦ柟寮忚瑙� [Authorized 鏂囨。](/components/Authorized)銆�

## 搴旂敤瀹炰緥

閫氳繃瀵规暟鎹殑缁勭粐鍙婃潈闄愮粍浠剁殑搴旂敤锛岃剼鎵嬫灦瀹炵幇浜嗗熀鏈殑鏉冮檺绠＄悊锛屼笅闈㈢畝鍗曚粙缁嶄簡鍑犱釜甯歌鍦烘櫙鐨勫簲鐢ㄦ柟寮忋€�

> 鑴氭墜鏋朵腑瀵圭粍浠� export 鐨� RenderAuthorized 鍑芥暟杩涜浜哰鍩烘湰灏佽](https://github.com/ant-design/ant-design-pro/blob/master/src/utils/Authorized.js)锛岄粯璁や紶鍏ュ綋鍓嶇殑鏉冮檺(mock 鏁版嵁)锛屽洜姝ゅ湪鑴氭墜鏋朵腑浣跨敤鏃讹紝鏃犻渶鍐嶅叧娉ㄥ綋鍓嶆潈闄愩€�

### 鎺у埗鑿滃崟鏄剧ず

濡傞渶瀵规煇浜涜彍鍗曡繘琛屾潈闄愭帶鍒讹紝鍙』瀵硅彍鍗曢厤缃枃浠� [menu.js](https://github.com/ant-design/ant-design-pro/blob/master/src/common/menu.js) 涓殑鑿滃崟椤硅缃� authority 灞炴€у嵆鍙紝浠ｈ〃璇ラ」鑿滃崟鐨勫噯鍏ユ潈闄愶紝鑿滃崟鐢熸垚鏂囦欢涓細榛樿璋冪敤 Authorized.check 杩涜鍒ゆ柇澶勭悊銆�

```js
{
  name: '琛ㄥ崟椤�',
  icon: 'form',
  path: 'form',
  children: [{
    name: '鍩虹琛ㄥ崟',
    path: 'basic-form',
  }, {
    name: '鍒嗘琛ㄥ崟',
    path: 'step-form',
  }, {
    name: '楂樼骇琛ㄥ崟',
    authority: 'admin', // 閰嶇疆鍑嗗叆鏉冮檺
    path: 'advanced-form',
  }],
}
```

### 鎺у埗璺敱瀵煎悜

涓庤彍鍗曟帶鍒剁被浼硷紝璺敱鏉冮檺鐨勯厤缃篃寰堢畝鍗曪細

```js
// src/common/router.js
'/dashboard/analysis': {
  component: dynamicWrapper(app, ['chart'], () => import('../routes/Dashboard/Analysis')),
},
'/dashboard/monitor': {
  component: dynamicWrapper(app, ['monitor'], () => import('../routes/Dashboard/Monitor')),
},
'/dashboard/workplace': {
  component: dynamicWrapper(app, ['project', 'activities', 'chart'], () => import('../routes/Dashboard/Workplace')),
  authority: 'admin', // 閰嶇疆鍑嗗叆鏉冮檺
},
```

> 娉ㄦ剰锛氳彍鍗曚腑閰嶇疆鐨勬潈闄愪細鑷姩鍚屾鍒板搴旇矾鐢变腑锛屽鏋� router.js 涓湁涓嶅悓鐨勯厤缃紝璺敱鎺у埗浠� router.js 涓哄噯銆�

### 鎺у埗椤甸潰鍏冪礌鏄剧ず

浣跨敤 [Authorized](http://pro.ant.design/components/Authorized#Authorized) 鎴� [Authorized.Secured](http://pro.ant.design/components/Authorized#Authorized.Secured) 鍙互寰堟柟渚垮湴鎺у埗鍏冪礌/缁勪欢鐨勬覆鏌擄紝鍏蜂綋浣跨敤鏂瑰紡鍙傝缁勪欢鏂囨。銆�

### 淇敼褰撳墠鏉冮檺

鑴氭墜鏋朵腑浣跨敤 localstorage 妯℃嫙鏉冮檺瑙掕壊锛屽疄闄呴」鐩腑鍙兘闇€瑕佷粠鍚庡彴璇诲彇銆�  
鑴氭墜鏋朵腑瀹炵幇浜嗕竴涓畝鍗曠殑鍒锋柊鏉冮檺鏂规硶锛屽湪鐧诲綍/娉ㄩ攢绛夊叧閿妭鐐瑰褰撳墠鏉冮檺杩涜浜嗘洿鏂般€�  
鍏蜂綋鍙互鏌ョ湅login.js涓[ reloadAuthorized ](https://github.com/ant-design/ant-design-pro/blob/master/src/models/login.js#L22)鐨勮皟鐢ㄣ€�