Is it a good idea to generate dynamic routes with vue-router ?

Hello,

Is it possible to generate dynamic routes with vue-router ?

I mean ... the routes could for example be declared in the backend and according to the permissions of the connected user, it could be interesting to query for the only routes that are allowed.

import { createRouter, createWebHistory } from 'vue-router'
...
const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  ...
  // other dynamic items
]

What do you think about this idea ?

Thanks for your comments ;).

Vincent

click

3 years ago

Best Answer

Level 35

It should be possible, see https://stackoverflow.com/questions/40659999/vue-router-2-how-to-fetch-routes-via-ajax

The first comments describes an alternative approach by registering one wildcard route in your vue router and let your backend handle all of the routes. The other comments describe how you can do it what you want.

1 like

Please or to participate in this conversation.