soy nuevo en Reactjs y estoy trabajando en nextjs, tengo los siguientes componentes (components/Trending.js) que funcionan con esta url "https://jsonplaceholder.typicode.com/users" pero cada vez que cambié la url (Mi url personalizada que que contiene datos api) a "https://90d9-2405-201-5002-215b-6c7b-1f41-7a19-f145.in.ngrok.io/serges/api/blogs", entonces los registros no se obtienen, aquí está mi código (componentes/Tendencias.js)
import React from 'react'; class Trending extends React.Component { state = { trending: [] } componentDidMount() { axios.get('https://90d9-2405-201-5002-215b-6c7b-1f41-7a19-f145.in.ngrok.io/serges/api/blogs', ) .then(res => { const trending = res.data; this.setState({ trending }); }) } render() { return ( <div> <table className="table table-hover"> {this.state.trending.map((post, index) => { return ( <tr> <td> <h4>{post.name}</h4> </td> </tr> ) })} </table> </div> ); } } export default Trending; import axios from 'axios';Creo que necesita importar Axios en la parte superior del archivo.
Debe verificar la consola de su navegador y la pestaña Red. Lo más probable es que sea el problema CORS
Este es un problema de CORS. Deberías arreglarlo en el lado del servidor. Agregue la URL de la aplicación front-end en el encabezado de respuesta 'Access-Control-Allow-Origin'. Para el desarrollo local, puede crear un servidor proxy.