https://web.infenlaces.com/laravel/tags/axios/ Recent content in Axios on Laravel: Framework de php Hugo es Thu, 08 Aug 2024 18:27:00 +0200 https://web.infenlaces.com/laravel/docs/pendiente/31_optimizacion_carga/05_carga_datos_axios/ Thu, 08 Aug 2024 18:27:00 +0200 https://web.infenlaces.com/laravel/docs/pendiente/31_optimizacion_carga/05_carga_datos_axios/ <h1 id="-cargar-datos-desde-vue-con-fetch-o-axios-inertiajs">🌐 Cargar datos desde Vue con Fetch o Axios (Inertia.js)</h1> <p>Cuando los datos son <strong>muy grandes</strong> o cambian frecuentemente, es mejor <strong>no enviarlos como props</strong> con Inertia y en su lugar, <strong>consultarlos desde el frontend</strong> usando <code>fetch</code> o <code>axios</code>.</p> <hr> <h2 id="-por-qué-hacerlo-así">❓ ¿Por qué hacerlo así?</h2> <p>Enviar grandes cantidades de datos como props (por ejemplo, <code>Project::all()</code>) hace que:</p> <ul> <li>El tiempo de carga aumente</li> <li>La respuesta JSON de Inertia sea pesada</li> <li>Sea difícil hacer filtros/paginación en frontend</li> </ul> <hr> <h2 id="-solución-usar-fetch-o-axios-desde-vue">✅ Solución: usar <code>fetch()</code> o <code>axios</code> desde Vue</h2> <p>En lugar de pasar los datos con Inertia:</p>