Tengo una aplicación que funciona perfectamente (sin errores) en el escritorio, pero cuando uso **dispositivo móvil**, descubrí que todas las páginas no pueden activar el método getInitialProps en el lado del cliente solo si navego a través del componente Enlace
Este Mi código:
return( <> <Head> <title> welcome to Anas Behhari | blogging posts for {StaticFunction.Dateit(new Date())} | {new Date().getFullYear() - 1 + "-" + new Date().getFullYear()} </title> </Head> <div className="main"> <div className="container"> <div className="row"> <div className="col-lg-10 offset-lg-1 js-post-list-wrap Blogs-con"> <h2 className="h4 section-title"> <span> Latest posts </span> </h2> {Blogs.map((blog) => ( <Article blog={blog} key={blog._id} /> ))} {BlogList} </div> </div> </div> </div> </> ) blogs.getInitialProps = async (ctx) => { try { const res = await axios.get("http://localhost:3000/api/blogs?offset=0&max=5"); const Blogs = res.data; return { Blogs }; } catch (error) { return { error }; }};
export default blogs;Bueno, después de 2 días de búsqueda en Internet, descubrí que solo necesito cambiar un poco dentro de la función getInitialProps .
El factor principal fue deshacerse de
Axiosy reemplazarlo conFetchAPI
export async function getStaticProps() { const res = await fetch(`http://localhost:8080/api/blogs}`) const Blogs = await res.json() if(!Tags) return {props:{error:true}} return { props: { Blogs, }, } }si esta solución no funcionó
getServerSidePropsen lugar degetStaticProps