學(xué)習(xí)vue有一段時(shí)間了被因，一直沒(méi)有整理過(guò)什么問(wèn)題得解決方案！實(shí)在有虧程序員得稱(chēng)呼衫仑！路漫漫其修遠(yuǎn)兮梨与，我們應(yīng)該相互幫助！今天就分享一下最近雇主提出來(lái)得奇葩需求得解決方案文狱！
相信大家在做后臺(tái)管理系統(tǒng)得時(shí)候會(huì)經(jīng)常用到權(quán)限管理粥鞋，一般得權(quán)限管理都可以通過(guò)vue-router進(jìn)行控制有沒(méi)有權(quán)限進(jìn)行跳頁(yè)！但是我們這次要做得是通過(guò)后臺(tái)接口來(lái)配置頁(yè)面得路由瞄崇，路由生成是接口來(lái)配置得呻粹！之前確實(shí)沒(méi)有解決的辦法,但vue-router 2.2版本新增了一個(gè)router.addRoutes(routes)方法，讓動(dòng)態(tài)路由得以實(shí)現(xiàn)苏研。
話(huà)不多說(shuō)直接上代碼：
在路由里初始化一個(gè)首頁(yè)尚猿，大家可以通過(guò)不同需求自己定制那幾個(gè)頁(yè)面是必有得！假定我這個(gè)是登陸頁(yè)面楣富！
通過(guò)登陸事件來(lái)調(diào)用接口凿掂，獲取登陸需要得頁(yè)面數(shù)據(jù)然后進(jìn)行動(dòng)態(tài)路由數(shù)組得生成！注意一下纹蝴！一定要在import() 加上``再進(jìn)行賦值庄萎，否則會(huì)報(bào)安全性錯(cuò)誤！然后就可以打包發(fā)布塘安！完全可以正常訪(fǎng)問(wèn)動(dòng)態(tài)生成得頁(yè)面？诽巍（注：頁(yè)面路由得路徑一定要找對(duì)！）
本文原創(chuàng)兼犯！轉(zhuǎn)載注明出處忍捡！否則追究法律責(zé)任喲集漾！
