Vue router redirect to the same path in parent

Question

Is there a way to redirect any url starting with /web/* to redirect to the same url without web?

So a url like this:

https://example.com/web/page

would redirect to:

https://example.com/page

using Vue Router, but not declaring each redirect separately?

I know I can do it like this:

const router = new VueRouter({
    routes: [
        { path: '/web/page', redirect: '/page' }
    ]
})

But is there a way to just catch everything which starts with web to the same without web?

enter link description here I'm not sure, but it may come in handy. — Kerim Kuşcu
– Kerim Kuşcu, Commented Apr 11, 2019 at 13:44

just_user · Accepted Answer · 2019-04-11 14:01:45Z

2

I figured out a way to do it. In beforeEach the path can be checked and then corrected.

router.beforeEach((to, from, next) => {
    if (to.path.startsWith('/web')) {
        next(to.path.replace('/web', ''))
    }
    ...
})

answered Apr 11, 2019 at 14:01

just_user

12.1k21 gold badges97 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1