Vue-router使用路由重定向解决子路径匹配问题

问题

最近做项目需要将一个系统A部署到另一个系统B的子路径C下

但遇到一个问题：刷新的时候，系统A获取到的访问路径包含了系统B的子路径（从 /A 变成了 /C/A ），导致路由匹配失败

解决方法：通过router的通配符获取正确的路径，进行页面重定向

代码示例

const router = new VueRouter({
  routes: [
    {
	  path: '/prefix_path/*',
	  name: 'redirect',
	  redirect: to => {
	    return { path: to.params.pathMatch === '' ? '/' : to.params.pathMatch }
	  }
	}
  ]
})