How to create dynamic route in Nuxt?

Question

By default, nuxt adds a route for each page in pages.

I want to make when going to the page e.g. project.local/id/ec29cjsa5fas512ik, the user goes to a page template and the Vue receives this ec29cjsa5fas512ik id from the url so it can make proper API calls later.

Something like this? stackoverflow.com/a/67490633/8816585 Nuxt's dynamic route + accessing this.$route.params. — kissu
– kissu, Commented Nov 21, 2022 at 12:24
Exactly! Nuxt's dynamic routes allows to make /page/:id thing with just an underscore in the beggining. Thanks — Cranwell
– Cranwell, Commented Nov 21, 2022 at 12:30

kissu · Accepted Answer · 2022-11-29 22:28:18Z

2

You can make a dynamic page in Nuxt2 with the following file, eg.

/pages/details/_id.vue

then you'll have a path like /details/:id.

More info can be found here: https://nuxtjs.org/docs/features/file-system-routing#dynamic-routes

answered Nov 29, 2022 at 22:28

kissu

47.3k16 gold badges94 silver badges197 bronze badges

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

Collectives™ on Stack Overflow

How to create dynamic route in Nuxt?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related