Vue 3 Catch All / 404 Route Not Found | Vue-Router Mastery #2

[@anujshrestha9731]

This is best channel for vue and design tutorials. This content was easy to understand and really helps in real world project. Keep up the good work!!!

[@JohnKomarnicki]

I’m really glad to hear that 😀

[@ahmedmatar8739]

you are the best one in this youtube who explains vue

[@JohnKomarnicki]

Thank you, Ahmed! I appreciate that

[@badasscoder4481]

Thanks for your awesome Vue Js content. Your channel is big contribution to Vue Ecosystem. React is overtaking since long time. But people like you are helping new kids to learn Vue Js. Sir I appreciate your efforts.

[@JohnKomarnicki]

I appreciate that! 😄

[@omidrasouli3960]

you are the best man for vue in youtube! keep going man.

[@JohnKomarnicki]

Thank you, Omid!

[@cynthia2968]

you are my final project savior thanks a lot man

[@srgg67]

Great video, indeed. It saved me a fucking ton of nerves. God bless you, John! :)

[@dice9519]

Thank you Instructor for this video.

[@willempiekip]

Thanks! Exactly what I needed

[@caiovinicius7871]

Great video! Im learning Vue and English at same time. Ty bro :D

[@JohnKomarnicki]

Thanks Caio!

[@alialsaady5]

Thanks for this!

[@АринаБикулова-ц2ф]

thank you so much!

[@mounir101]

Love it .. thanks so much.

[@JohnKomarnicki]

Glad to hear! 😁

[@pitchadiary3893]

thanks!

[@mrZillion]

{
path: '/404',
name: '404',
component: NotFoundView,
meta: {
bodyId: '404'
}
},
{
path: '/:notFound(.*)*',
redirect: '/404'
}

[@thejaredwilcurt]

Whoever thought SLASH PATH MATCH PARENTHESIS DOT ASTERISK PARENTHESIS ASTERISK was a good idea should be banned from coding. Good god, just use a single asterisk. There are apparently 3 magic strings to pick from??? Just provide helper functions instead of this bullshit. Vue-Router used to be good, what happened here was a major design mistake.

[@Vikingskog]

Question: If i go to the root url and navigate using the links the routing works fine. However, if im standing on a page, say 'localhost:7120/Settings' and refresh, i get a HTTP ERROR 404. Any idea how to fix this? It does not happen if i use run serve, only with run build. My routes file looks basically the same as yours at 2:00 in this vid

[@JohnKomarnicki]

I built this project a while ago, so I’m unsure what my routes looked like, but I think it might be missing a catch all route.
I created a video on this a whole back that might be helpful
ruclips.net/video/-N78TlOFj-k/видео.html