鍓嶈█403椤甸潰閫氬父鏄湭鎺堟潈璁块棶鐨勬剰鎬濓紝鍜?04椤甸潰鏈変笉鍚岀殑鍚箟銆備絾鏄ぇ閮ㄥ垎绠＄悊鍚庡彴妗嗘灦鍙彁渚涗簡瀵?04椤甸潰鐨勬敮鎸侊紝鑰屽拷鐣ヤ簡瀵?03椤甸潰鐨勫鐞嗐€傝櫧鐒舵湁浜涙鏋朵篃鏈夊403椤甸潰鐨勫鐞嗭紝浣嗘槸澶勭悊鏁堟灉骞朵笉鐞嗘兂銆傞偅涔堜粈涔堟牱鐨?03椤甸潰濂界敤鍙堜紭闆呭憿锛熷叾浠栨鏋舵槸鎬庝箞鍋氬埌鐨勶紵1銆佸畬鍏ㄤ笉澶勭悊鐨勭粨鏋滄槸娌℃湁璁块棶鏉冮檺鐨勯〉闈㈡瀬鏈夊彲鑳借繘鍏?04椤甸潰鐨勯€昏緫銆傚洜涓鸿繖绉嶆鏋堕€氬父浼氬湪璺敱娉ㄥ唽涔嬪墠鐩存帴绉婚櫎娌℃湁璁块棶鏉冮檺鐨勮矾鐢憋紝鎵€浠ュ綋鐢ㄦ埛璁块棶涓€涓病鏈夎闂潈闄愮殑璺敱鏃讹紝瀵逛簬绯荤粺鏉ヨ鏄笉瀛樺湪鐨勮矾鐢憋紝浠庤€岃繘鍏?04椤甸潰銆傜己鐐规槸浠€涔堬紵鍗崇敤鎴锋病鏈夊姙娉曞尯鍒嗚嚜宸辫璁块棶鐨勯〉闈紝鏄洜涓烘潈闄愪笉瓒宠繕鏄湴鍧€閿欒锛岃繖浼氱粰鐢ㄦ埛閫犳垚涓€瀹氱殑鍥版儜銆?銆佸井鍔犲伐寰姞宸ョ殑鏂规硶鍜岀涓€绉嶆€濊矾涓嶅お涓€鏍枫€傛绫绘鏋跺湪璺敱娉ㄥ唽鍓嶄笉瀵硅矾鐢辨暟鎹繘琛屽鐞嗭紝鑰屾槸鍦ㄨ矾鐢卞鑸畧鍗腑鍒ゆ柇鏄惁鏈夎闂矾鐢辩殑鏉冮檺銆傚鏋滄病鏈夋潈闄愯浆鍒伴鍏堟敞鍐岀殑403椤甸潰鍦板潃銆傝繖绉嶆柟妗堢殑濂藉鏄尯鍒嗕簡404鍜?03椤甸潰锛屽洜涓哄嵆浣挎槸娌℃湁璁块棶鏉冮檺鐨勮矾鐢憋紝瀹為檯涓婁篃鏄湪璺敱瀹炰緥涓婃敞鍐岀殑锛屽彧鏄湪璁块棶鏃舵墠杩涜閴存潈鍜岄噸瀹氬悜銆傜己鐐规槸浠€涔堬紵鍗崇敤鎴疯櫧鐒剁煡閬撳綋鍓嶉〉闈㈡病鏈夎闂潈闄愶紝浣嗘槸鐪嬩笉鍒伴〉闈㈢殑鐪熷疄鍦板潃锛屽洜涓哄凡缁忛噸瀹氬悜鍒?03椤甸潰锛岀敤鎴蜂綋楠屾湁鐐规瑺缂猴紝濡備笅鍥撅細鎴戣鎬庝箞鍋氾紵鎴戜滑鍏堟兂鎯宠В鍐冲姙娉曘€傞鍏堬紝鍒氭墠鐨勭涓€涓В鍐虫柟妗堣偗瀹氫笉瓒充互娑堥櫎娌℃湁璁块棶鏉冮檺鐨勮矾鐢便€傛病鏈夎闂潈闄愮殑璺敱蹇呴』杩涜娉ㄥ唽锛屼互鍖哄埆浜?04椤甸潰锛涘叾娆★紝绗簩绉嶈В鍐虫柟妗堟槸鍦╪avigationguard涓畬鎴愮殑銆傞噸瀹氬悜涔熶笉琛岋紝涓嶈兘閲嶅畾鍚戯紝璺敱鍦板潃蹇呴』淇濇寔鍘熸潵鐨勫湴鍧€锛屼絾鏄〉闈㈠繀椤绘樉绀?03椤甸潰鐨勫唴瀹广€備簬鏄紝瑙ｅ喅鏂规灏卞嚭鏉ヤ簡锛屽氨鏄湪璺敱娉ㄥ唽涔嬪墠锛岀洿鎺ュ皢璺敱娌℃湁璁块棶鏉冮檺鐨勭粍浠舵浛鎹㈡垚403椤甸潰缁勪欢鏄笉琛岀殑銆傝繖鏍凤紝璺敱杩樻槸涓€鏍风殑璺敱锛屽彧鏄搴旂殑椤甸潰缁勪欢涓嶅悓锛屼笉浠呭尯鍒嗕簡404鍜?03椤甸潰锛岃繕淇濈暀浜?03椤甸潰鍘熸湁鐨勮矾鐢卞湴鍧€銆備唬鐮佷腑鐨勬弿杩板ぇ鑷存槸锛?/鍘熷璺敱鏁版嵁[{path:'/permission',component:()=>import('@/layouts/index.vue'),children:[{path:'index',component:()=>import('@/views/list1.vue'),meta:{auth:'admin'//璁よ瘉瀛楁锛屽鏋滄槸admin鍒欏彲浠ヨ闂畗}]}]//鍋囪鐢ㄦ埛permissions涓轰簡娴嬭瘯锛屽鐞嗚矾鐢辨暟鎹甗{path:'/permission',component:()=>import('@/layouts/index.vue'),children:[{path:'index',component:()=>import('@/views/403.vue'),//杩欓噷娉ㄦ剰锛屾崲鎴愪簡403椤甸潰缁勪欢meta:{auth:'admin'}}]}]杩欐槸瀹為檯鏁堟灉锛氬ぇ瀹跺彲浠ョ湅鍒板綋璐︽埛浠巃dmin鍒囨崲鍒皌est鍚庯紝椤甸潰鏄剧ず涓?03椤甸潰锛屽洜涓簍est璐︽埛娌℃湁璁块棶鏉冮檺銆傚悓鏃堕〉闈㈢殑URL鍦板潃杩樻槸鍘熸潵鐨勫湴鍧€锛岃揪鍒颁簡棰勬湡鐨勬晥鏋溿€傝繖澶熶簡鍚楋紵褰撶劧涓嶆槸锛屽洜涓?04椤甸潰鏄繖鏍峰鐞嗙殑锛歿path:'/:all(.*)*',component:()=>import('@/views/404.vue')}鍥犱负瀹冧笉鏄绾ц矾鐢辩粨鏋勶紝瀵艰嚧404椤甸潰鍜?03椤甸潰鐨勬樉绀烘湁鐐瑰樊寮傘€?04椤甸潰鏄叏灞忔樉绀猴紝403椤甸潰鏄儴鍒嗘樉绀猴細鑰屼笖甯屾湜鍜?04椤甸潰淇濇寔涓€鑷达紝灏辨槸璁?03椤甸潰涔熷叏灞忔樉绀恒€傚鐞嗚捣鏉ュ苟涓嶅鏉傘€傛棤闈炲氨鏄湪璺敱娉ㄥ唽涔嬪墠锛屽皢娌℃湁璁块棶鏉冮檺鐨勫绾ц矾鐢辫浆鎹负涓€绾ц矾鐢便€傚綋鐒跺湪澶勭悊杩囩▼涓細鐢ㄥ埌閫掑綊锛屽绾ц矾鐢辩殑璺緞闇€瑕佸悎骞讹紝浠庝唬鐮佹弿杩板ぇ鑷存槸杩欐牱鐨勶細//鍘熷璺敱鏁版嵁[{path:'/permission',component:()=>import('@/layouts/index.vue'),children:[{path:'index',component:()=>import('@/views/list1.vue'),meta:{auth:'admin'//璁よ瘉瀛楁锛屽鏋滄槸admin锛屽垯鍙互璁块棶}}]}]//鍋囪鐢ㄦ埛鏉冮檺娴嬭瘯锛屽鐞嗗悗鐨勮矾鐢辨暟鎹甗{path:'/permission/index',//鐪嬭繖閲岃繘琛屾敞鍐岋紝灏嗗绾ц矾鐢辩殑璺緞鍚堝苟鍒颁竴绾х粍浠朵腑锛?)=>import('@/layouts/403.vue'),meta:{auth:'admin'}}]鏈€缁堟晥鏋滃涓嬶細缁间笂鎵€杩帮紝403椤甸潰鏄竴涓笉澶噸瑕佺殑鍔熻兘銆傚浜庨€氱敤妗嗘灦锛屾枃绔犲紑澶存彁鍒扮殑涓ょ瑙ｅ喅鏂规閮藉彲浠ュ疄鐜扳€滃厑璁告潈闄愪笉瓒崇殑鐢ㄦ埛鎷掔粷璁块棶椤甸潰鈥濄€傝€屾垜鐨勮В鍐虫柟妗堟槸鍦ㄦ弧瓒充娇鐢ㄩ渶姹傜殑鍓嶆彁涓嬶紝灏藉彲鑳戒紭鍖栫敤鎴蜂綋楠屻€傝櫧鐒舵病鏈夌粰鍑哄疄闄呯殑浠ｇ爜锛屼絾鏄浉淇″ぇ瀹剁湅鍒拌繖閲屽簲璇ヨ兘澶熺湅鎳傦紝骞朵笖鑳藉鍦ㄤ笟鍔′腑瀹炶返銆傝嚦浜庝紭闆咃紵鑷冲皯鐩墠鏉ヨ锛屽湪鍚岀被浜у搧涓垜瑙夊緱杩樻槸姣旇緝浼橀泤鐨勷煒屽叾浠栨垜鍦ㄧ爺绌朵笂闈㈢浜屼釜鏂规绀轰緥鍥剧殑妗嗘灦鐨勬椂鍊欙紝鍙戠幇鍒囨崲璐﹀彿鐨勬椂鍊欎笉鍒锋柊椤甸潰锛屼綋楠岃繕鏄瘮杈冧笣婊戠殑銆傚綋鐒惰繖鏄洜涓哄畠閫夋嫨鐨勬柟妗堬紝鍥犱负璺敱涓嶉渶瑕侀殢鐫€鐢ㄦ埛鏉冮檺鎴栬€呰处鎴风殑鍙樺寲鑰屾敼鍙橈紝鎵€浠ヤ笉闇€瑕佸埛鏂伴〉闈㈡垨鑰呴噸鏂扮櫥褰曟潵鏇存柊璺敱銆備篃璁告垜鍙互鍐嶆浼樺寲瀹冿紝浣胯繖涓В鍐虫柟妗堟洿浼橀泤锛熷鏋滃ぇ瀹舵湁濂界殑寤鸿锛屼篃鍙互鍦ㄤ笅鏂圭暀瑷€璁ㄨ銆傛渶鍚庯紝濡傛灉浣犲鏂囦腑鎴戠殑Fantastic-admin妗嗘灦鎰熷叴瓒ｏ紝鍙互鐐硅繖閲屼簡瑙ｄ竴涓嬨€傝繖鏄竴涓€滃紑绠卞嵆鐢紝鍙互涓烘偍鎻愪緵鑸掗€傜殑寮€鍙戜綋楠屸€濈殑绠＄悊绯荤粺妗嗘灦銆傚悓鏃讹紝鎴戝湪鏂囩珷涓殑瑙ｅ喅鏂规涔熷凡缁忛泦鎴愬埌妗嗘灦涓€傚鏋滄兂浜嗚В瀹為檯浠ｇ爜鏄浣曞疄鐜扮殑锛屼篃鍙互閫氳繃闃呰婧愮爜鏉ョ悊瑙ｃ€備笅闈㈡槸鎴戜互鍓嶅啓鐨勪竴浜涘叧浜庡悗鍙扮鐞嗙殑鏂囩珷銆傛劅鍏磋叮鐨勫彲浠ョ户缁槄璇伙細銆婂浣曞仛濂戒竴娆剧鐞嗗悗鍙版鏋躲€嬨€婃垜鏄浣曡璁″悗鍙版鏋堕噷閭ｄ簺閿︿笂娣昏姳鐨勫姩鐢绘晥鏋溿€嬨€婁竴鍔虫案閫革紝瑙ｅ喅鍩轰簬 keep-alive 鐨勫悗鍙板绾ц矾鐢辩紦瀛橀棶棰樸€嬨€婂湪鍚庡彴妗嗘灦鍚岃川鍖栫殑浠婂ぉ锛屾垜鏄浣曟€濊€冨苟鍋氬嚭宸紓鍖栫殑銆嬨€婄濂囷紒杩欐 Vue 鍚庡彴妗嗘灦灞呯劧涓嶇敤鎵嬪姩閰嶇疆璺敱銆?/p>
