How to protect the route from unwanted input?

Question

Vue.js

In my project, each user has his own role, how can I redirect the user from routes that he should not get to in any way?

Answer 1

Middleware (if Nuxt) or Meta-data

Answer 2

I implemented it like this.
JWT token comes from the server. With every transition. Am I checking if the token is valid? Navigation hooks
are used for this .

router.beforeEach((to, from, next) => {
//......
}

To protect against transitions, as already mentioned above, I used Meta-data where I indicated which roles were allowed to transition.