搭建框架時(shí)遇到想要用層疊url的方式來(lái)區(qū)別每一個(gè)應(yīng)用模塊，比如：

router.js

但是渲染完成后出現(xiàn)了問題

http://localhost:1209/page 可以看見是沒有問題，正確的渲染結(jié)果為‘page’

http://localhost:1209/page?

但是 http://localhost:1209/page/page-child 出現(xiàn)了問題

渲染結(jié)果不僅僅有‘page-child’ 還有 ‘page’路由匹配到的模塊‘page'

http://localhost:1209/page/page-child

百度查詢資料沒一個(gè)說(shuō)到點(diǎn)子上的，有點(diǎn)頭疼。

只能去看官方文檔了http://reacttraining.cn/web/api/Route/exact-bool

最終發(fā)現(xiàn)了一個(gè)關(guān)鍵字 “exact”，這樣去使用

exact

解釋為：如果exact為true，則僅當(dāng)路徑與location.path名稱完全匹配時(shí)才會(huì)匹配。

加上exact后再看看http://localhost:1209/page/page-child

完美解決！

加上exact后再看看http://localhost:1209/page/page-child

附：exact 與 location.path對(duì)比匹配表