Mi aplicación de reacción se ejecuta en localhost:3000 y estoy haciendo una solicitud GET en mi código usando fetch to localhost:5000/users .
const [users, setUsers] = useState([]); useEffect(() => { fetch('http://localhost:5000/users') .then(res => res.json()) .then(data => setUsers(data)) }, []);Pero estoy recibiendo un error llamado
El acceso para buscar en 'http://localhost:5000/users' desde el origen 'http://localhost:3000' ha sido bloqueado por la política de CORS: no hay un encabezado 'Access-Control-Allow-Origin' en el recurso solicitado .
Es un problema muy discutido. Siga los pasos a continuación:
Si está utilizando nodejs o express js para su backend. Instale el paquete cors en su aplicación express.
npm install cors E incluya lo siguiente en su archivo index.js .
var cors = require('cors') app.use(cors())Eso es todo. Debería funcionar ahora. No olvide reiniciar su servidor de nodo.
Para entenderlo mejor, lee este artículo .
Es un problema de CORS, intente usarlo de esta manera
fetch('http://localhost:5000/users', { mode: 'no-cors' })