Frontier锛氭垜鐞嗚В鐨勯棬鎴峰氨鏄竴涓叆鍙ｏ紝鍙互蹇€熼泦鎴愬簲鐢ㄥ叆鍙ｏ紝缁熶竴璐﹀彿绠＄悊锛岀粺涓€璁よ瘉鐧诲綍锛屾墦鐮翠俊鎭宀涚瓑锛岀粺涓€鍋氭潈闄愮鐞嗐€傚疄鏂藉崟鐐圭櫥褰昐SO銆傚湪鏃╂湡鐨凪VC鏃朵唬锛學eb搴旂敤瀹為檯涓婃槸閫氳繃鏉冮檺鏉ユ帶鍒堕〉闈€佽彍鍗曘€佹寜閽瓑鐨勬樉绀哄拰闅愯棌锛屽彧鏄〃鐜版柟寮忎笉鍚岋紝澶у鍩轰簬php鍜宩sp銆傞殢鐫€鍓嶅悗绔殑鍒嗙锛屽墠绔篃鎴愪负浜嗘潈闄愭帶鍒剁殑鎶婃焺锛屼富瑕佷粠浠ヤ笅鍑犱釜瑙掑害鏉ュ疄鐜帮細璺敱灞傘€佽鍥惧眰銆佹帴鍙ｅ眰1.璺敱灞備竴鑸琒PA搴旂敤瀹炵幇鐨勪竴濂楄矾鐢变綋绯荤粨鍚坴ue-router鍜寁uex锛屼富瑕佹湁涓ょ鏂瑰紡锛屼竴绉嶆槸閫氳繃vue-router鐨刟ddRoutes鏂规硶娉ㄥ叆璺敱瀹炵幇鎺у埗锛屽彟涓€绉嶆槸鐩存帴閫氳繃vue-router鐨刡eforeEachhook闄愬埗璺敱璺宠浆1.1router.beforeEach()beforeEach閽╁瓙鍑芥暟鍦ㄨ矾鐢辫烦杞箣鍓嶆墽琛岋紝閫氳繃娉ㄥ唽router.beforeEach閽╁瓙鏉ョ鐞嗚矾鐢辩殑姣忎竴娆¤烦杞紝骞跺姣忎竴娆¤烦杞繘琛屾鏌ャ€傚鏋滅洰鏍囪矾鐢卞湪鍩烘湰璺敱鍜屽綋鍓嶇敤鎴风殑鐢ㄦ埛璺敱涓笉瀛樺湪锛屽垯璺宠浆琚彇娑堬紝杞负璺宠浆閿欒瀹氫箟璺敱鏃跺湪椤甸潰鎴栫櫥褰曢〉闈㈡坊鍔爉eta灞炴€ф帶鍒跺垽鏂〉闈㈡槸鍚﹂渶瑕佺櫥褰曟潈闄愩€?.2浣跨敤鍔ㄦ€佽矾鐢憋紙DynamicRoutes锛夊疄鐜伴〉闈㈣闂潈闄愩€傚姩鎬佽矾鐢变娇鐢╮outer.addRoutes()鍙寕杞藉綋鍓嶇敤鎴锋湁鏉冮檺鐨勮矾鐢憋紝濡傛灉鐢ㄦ埛鐩存帴璁块棶闈炴巿鏉冭矾鐢憋紝浼氳繘鍏?04椤甸潰銆備絾鍓嶆彁鏄敤鎴烽渶瑕佺櫥褰曟墠鑳借幏寰楄矾鐢辨潈闄愩€傚姩鎬佹寕杞戒竴鑸湪router.beforeEach涓鐞嗐€備笅闈㈢湅鍏蜂綋瀹炵幇瀹氫箟闇€瑕佸姩鎬佹寕杞界殑璺敱銆傚尯鍒嗘寜瑙掕壊鍒嗕负鍒濆璺敱鍜屽姩鎬佹寕杞姐€傚姞杞解€滅敤鎴疯矾鐢扁€濓紝濡俢onstantRoutes鍜宎syncRoutesrouter.beforeEach娣诲姞router.addRoutes浜嬩欢鏂囨。閾炬帴馃敆涓轰簡闃叉閲嶅閰嶇疆鍚屼竴涓矾鐢憋紝鍦ㄦ坊鍔犺矾鐢卞墠鍏堝垽鏂槸鍚﹀凡鏈夎鑹叉潈闄愶紝鑾峰彇鏈夋潈闄愮殑璺敱,generateRoutes鐨勫疄鐜版槸閫掑綊鐨勶紝杩囨护鐢ㄦ埛璺敱鏉冮檺鐨勬柟寮忔槸閫氳繃router.addRoutes()鍔ㄦ€佹坊鍔犳墍鏈夌鍚堟潈闄愮殑璺敱銆傚綋鐒惰繖涓柟娉曢渶瑕佷緷璧栧悗鍙般€傚浜庝笉鍚岃鑹茬殑鐢ㄦ埛锛屽悗鍙版妸璺敱鍒楄〃鍛婅瘔鍓嶅彴鍘绘敞鍐岎煈ㄢ€嶐煄撳暏閰掑悓瀛︼細濡傛灉鎴戣繖涓椂鍊欓€€鍑猴紝鐒跺悗涓嶅埛鏂伴〉闈㈠氨鐧诲綍鍒板彟涓€涓笉鍚屾潈闄愮殑鐢ㄦ埛锛屾槸涓嶆槸璺敱锛熶細閲嶅鍚楋紵绛旓細浣犲湪璺敱鏂囦欢涓畾涔塺esetRouter鏂规硶锛屾柊寤轰竴涓猂outer锛岀劧鍚庢妸鏂扮殑Router.matcher缁欏綋鍓嶇殑Router锛屽湪logout妯″潡涓皟鐢╮esetRouter鏂规硶鎬荤粨锛歜eforeEach闇€瑕佹墜鍔ㄥ府鍔﹙ue-router鈥滃尯鍒嗗摢浜涢〉闈㈠彲浠ヨ闂紝鍝簺涓嶈兘璁块棶鈥漚ddRoutes閫氳繃娉ㄥ叆璺敱閰嶇疆鍛婅瘔vue-router鈥滄垜鍙杩欎簺璺敱锛屽叾浠栬矾鐢卞湴鍧€涓庢垜鏃犲叧鈥濇潈闄愭帶鍒朵富瑕佹槸鎺у埗鑿滃崟鐨勬潈闄愰〉闈紝閭ｄ箞濡傛灉鏄寜閽潈闄愶紝搴旇鎬庝箞鍔烇紵姣斿椤甸潰涓寜閽紙澧炲垹鏀规煡锛夌殑鏉冮檺鎺у埗鏄惁鏄剧ず2.1鎸囦护鎺у埗鍙互缁撳悎vue鐨勮嚜瀹氫箟鎸囦护瀹炵幇涓€涓潈闄愭寚浠ゆ瘮濡倂-auth鏉ユ帶鍒舵潈闄愬垽鏂槸鍚︽樉绀哄搴旀ā鍧楁湁涓€瀹氱殑鏉冮檺锛屽鏋滄病鏈夋潈闄愶紝鍒欑Щ闄ゅ綋鍓嶆寜閽殑dom鍏冪礌銆備笅闈㈡潵鐪嬬湅瀹炵幇鏂规硶馃憞閫氳繃鑷畾涔夋潈闄愬懡浠-auth瀹炵幇鎸夐挳鏉冮檺鎺у埗锛岄€氳繃浼犲叆鏉冮檺瑙掕壊鏁扮粍鍒楄〃鎺у埗鍏冪礌鏄惁鏄剧ず馃懆鈥嶐煄撻樋涔愬悓瀛︼細涓轰粈涔堜笉鐢╲-if鎴栬€卾-show鐩存帴鎺у埗鏄剧ず鍜岄殣钘忥紝鑰屾槸鑷畾涔夊懡浠わ紵绛旓細鐢变簬v-show锛宒om瀹為檯涓婂苟娌℃湁琚殣钘忋€傜敤鎴峰彲浠ユ洿鏀规樉绀轰互鏌ョ湅瀹冦€傚浜巚-if锛屽垹闄ゅ悗浼氱暀涓嬪娉ㄣ€?!---->鎬濊€凁煠旓細濡傛灉鎯冲疄鐜版寜閽樉绀轰絾鏄鐢ㄤ笂闈㈢殑渚嬪瓙搴旇鎬庝箞淇敼鍛紵馃尣鎺ㄨ崘闃呰锛歷ue-element-admin鍚庡彴鍓嶇瑙ｅ喅鏂规鍔ㄦ墜锛屽甫浣犱娇鐢╲ue鍚庡彴绯诲垪浜岋紙鐧诲綍鏉冮檺锛?.鍦ㄦ帴鍙ｅ眰闈紝鎴戜滑浣跨敤axios浣滀负椤圭洰涓姹傛渶澶氱殑搴撲娇鐢紝鑰屾垜浠€氬父浣跨敤鐨勬槸浣跨敤axios鐨刟piaxios.interceptors.request.use锛屽嵆鎷︽埅鍣ㄥ仛鏉冮檺绠＄悊璇锋眰澶存坊鍔爐oken璁よ瘉锛屼篃鍙互鐩存帴浣跨敤cookie涓殑鎺堟潈淇℃伅锛屾彁渚涢渶瑕侀厤缃畐ithCredentials涓簍rue锛屽嵆axios.defaults銆倃ithCredentials=true锛屽惎鐢╳ithCredentials鍚庯紝鏈嶅姟绔彲浠ユ嬁鍒颁綘鐨刢ookie鎷︽埅鍣ㄦ嫤鎴帴鍙ｈ繑鍥炵殑缁撴灉锛屾瘮濡?01娌℃湁鐧诲綍鏉冮檺鐨勮鍠濅竴鏉煃佃寰椾笁閬嶅摝~1.鐪嬪畬璁板緱缁欚煂查叡鐐逛釜璧烇紝鏈夝煈嶅姩鍔?.鍏虫敞鍓嶇閭ｄ簺鏈夎叮鐨勪簨锛屽拰浣犺亰鑱婂墠绔殑瓒ｄ簨3.鏂囩珷鏀跺綍鍦℅ithubfrontendThingsThanksStar鉁?/p>
