ASÍ QUE estuve aprendiendo las rutas API de NextJS y NodeJS recientemente, aunque ahora sé cómo crear rutas dinámicas, tengo algunos problemas con algunas cosas:
Este es mi archivo api/matches.js .
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction export default async function handler(req, res) { const response = await fetch(`https://exampleapi.com/?&token=# `) const jsonData = await response.json(); res.status(200).json(jsonData); } Ahora, tengo otra ruta dinámica para esta API que obtiene la coincidencia mediante un slug de coincidencia, por lo que este archivo se llamó /api/matches/[...matchslug].js
export default async function handler(req, res) { const page = req.query.matchslug const response = await fetch(`https://examleapi.com/?search[slug]=${page}&token=# `) const jsonData = await response.json(); Si bien esta ruta dinámica obtiene el resultado de uno, si fui a matches/exampelmatch , obtengo los resultados para examplematch . Sin embargo, estoy buscando implementarlo de alguna manera de manera que
matches/examplematch1/examplematch2 Devuelve los datos de examplematch1 & examplematch2.
No estoy seguro de si es posible construir algo así, pero estoy muy interesado.
gracias por tu tiempo y paciencia.
En su ejemplo de /api/matches/[...matchslug].js , el valor de matchslug siempre será una matriz.
En lugar de pasar la variable de page directamente a fetch, puede mapear los valores en la matriz de matchslug y usar Promise.all para solicitar cada recurso.
Se vería algo como esto (no he probado esto):
export default async function handler(req, res) { const promiseArray = req.query.matchslug.map(async (slug) => { const response = await fetch(`https://examleapi.com/?search[slug]=${slug}&token=# `) const jsonData = await response.json(); return jsonData }) const result = await Promise.all(promiseArray) res.status(200).json(result); }