How to get route parameters from Nuxt 3 server

user_11177575 0
Viewed 1513

I have one of the following API URLs. At the end of the day for my use case, it doesn't matter which of these URLs I would have to use, but currently neither work.

http://localhost:3000/api/track/TRACKID

or

http://localhost:3000/api/track?id=TRACKID

How would I get TRACKID in the APIs code? The following code results in undefined.

export default async (req: IncomingMessage, res: ServerResponse) => {
    console.log(req.id);
};

I tried to set up the file for the first URL in the following way, but that was unsuccessful as well. It just resulted in the URL being http://localhost:3000/api/track/[id]

PROJECT/server/api/track/[id].ts

For the second URL I used the following set up.

PROJECT/server/api/track.ts
nuxtjs3 nuxt.js typescript server
3 Answers
import { useQuery } from 'h3'
export default (req, res) => {
    const { id } = useQuery(req)
}

https://github.com/unjs/h3 is the server putting the api together.

user_40598580 
import * as url from "url";

const params = url.parse(req.url as string, true).query;
const {id} = params
user_160941030

For newer nuxt3 dev's

The h3 route now give you a CompatibilityEvent instead of using req and res.

Therefore you can use it like this:

export default defineEventHandler(async (event) => {
     const id = event.context.params.id;

     // Use the id here
});
user_70410930
Related