如何在输入 http://localhost:8080/、http://localhost:8080/store/、http://localhost:8080/custom-store/ 这三个中任意一个链接都能正确跳转到 http://localhost:8080/store/home/index 。要实这个要求,有两种方式:
重定向
const router = new VueRouter({
routes: [
{
path: '/store/home/index',
name: 'index'
},
{
path: '/',
redirect: {
name: 'index'
}
},
{
path: '/store',
redirect: {
name: 'index'
}
},
{
path: '/custom-store',
redirect: {
name: 'index'
}
},
]
})
以下截图是重定向在项目中实际应用:
别名
const router = new VueRouter({
routes: [
{
path: '/store/home/index',
name: 'index',
alias: ['/', '/store', '/custom-store']
}
]
})