上一篇提过一个问题,如何匹配无限层级的路由,在论坛朋友的帮助下,用*号匹配实现。有不太清楚朋友可以回头去看看之前的提问,链接:https://segmentfault.com/q/10...。
信息补充:路由模式是history,用了子路由。目前是在storeindex路由做了匹配:
{
path: '/storeindex/*',
name: 'storeindex',
component: StoreIndex,
children: [
...
]
}
但是今天发现刷新的时候页面会报错。例如:
我跳转到/storeindex/src/components/HelloWorld.vue,
这时刷新页面就会报错:Cannot GET /storeindex/src/components/HelloWorld.vue。
路由中storeindex,src, components都是文件目录,路由在这里刷新就不会报错,是正常的。例如:storeindex/src 或者 storeindex/src/components 刷新就不会报错,请求也正常。但是一旦路由到某个具体的文件,页面就报了之前那个错。没有请求,也没有任何钩子被触发。
ps:第一次用子路由的模式做项目,对子路由也不是很熟悉,看过官方文档。但是感觉没什么收获。。。
是否用了
router.addRoutes
如果用了 要在router.addRoutes
里面重定向,否则router.addRoutes
中的路由全部会被重定向