Tengo un proyecto Nuxt que se genera completamente de forma estática. Pero una parte de esto es bastante dinámica. Digamos que es la página de items y las páginas de items/:id . En qué parte de la página de artículos mostramos la lista de artículos como enlaces a cada página de items/:id .

Me gustaría optar por no recibir una generación estática para esas 2 páginas. Por ahora, utilicé los siguientes cambios en nuxt.config.js :

 export default { target: 'static', router: { extendRoutes (routes, resolve) { routes.push({ name: 'items', path: '/items/*', component: resolve(__dirname, 'pages/items/_slug.vue') }) } }, generate: { exclude: [/^\/items/], fallback: '404.html' }

Esto funciona bien cuando hago nuxt generate y nuxt start pero solo para navegar dentro del sitio web. Cuando voy directamente a digamos /items/42 obtengo 404 renderizado.

¿Cómo debo ajustar la configuración o la implementación para que funcione?