reactrouter4嵌套路由 什么是路由前綴列表?
什么是路由前綴列表?您可以嘗試react-router4的基于組件的路由路由不再在單個(gè)文件中聲明,而是通過(guò)使用一些具有路由相關(guān)功能的組件來(lái)實(shí)現(xiàn)這里,我們只從主題遇到的問(wèn)題中介紹相關(guān)功能react-ro
什么是路由前綴列表?
您可以嘗試react-router4的基于組件的路由
路由不再在單個(gè)文件中聲明,而是通過(guò)使用一些具有路由相關(guān)功能的組件來(lái)實(shí)現(xiàn)
這里,我們只從主題遇到的問(wèn)題中介紹相關(guān)功能
react-router4的路由組件可以看作一個(gè)只有在地址滿足條件時(shí)才能呈現(xiàn)的組件
斜杠敏感問(wèn)題:路由默認(rèn)情況下,只要前綴匹配,就可以輸入路由,斜杠不敏感,使用精確而嚴(yán)格的參數(shù)來(lái)控制匹配條件
不需要隨著地址的變化修改子路由代碼父路由路徑,您可以隨時(shí)更改層次關(guān)系
直接訪問(wèn)URL將被HTTP阻止服務(wù)器直接解析到文件路徑,但spa的路由是虛擬的,無(wú)法直接找到文件,因此將是404。您需要將所有請(qǐng)求指向索引(我不知道這樣說(shuō)是否準(zhǔn)確),然后讓JS的路由器解析URL。Nginx需要配置try文件$url/索引.html有關(guān)詳細(xì)信息,請(qǐng)參閱Vue路由器的文檔。本章以HTML5歷史模式討論這個(gè)問(wèn)題。最近開發(fā)了react,spa也遇到了同樣的問(wèn)題,因?yàn)閟pa中的路由是JS渲染組件的配置,與真實(shí)瀏覽器中訪問(wèn)的URL不一樣
react router本身沒有提供這個(gè)方法,但是因?yàn)槲沂褂昧藃eact Redux,我的解決方案是在存儲(chǔ)中保存一個(gè)字段,以記住上一頁(yè)的路由地址。
目前還沒有找到更簡(jiǎn)單的方法。