Estoy haciendo una pila completa básica para hacer la aplicación. Hice backend con Java Spring. Cuando pruebo mi backend con Postman, funciona bien, pero cuando envío la misma solicitud con React fetch, ¡no funciona! Supongo que mi búsqueda es incorrecta, pero no puedo entender.
function register(){ fetch('http://localhost:8080/auth/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify( { 'userName' : 'Pala', 'password' : 'sibop', } ) } ).then( res => { console.log("Result: " + res) } ).catch( err => { console.log("Erorororor: " + err) } )} function Home() { return ( <div> <h1>To Do!</h1> <form> <div id="signupArea"> <h2>Name</h2> <input id="userName"/> <h2>Password</h2> <input id="password" type="password"/> <button onClick={register}>SIGN UP</button> <button>LOGIN</button> </div> </form> </div> )}export default Home¿Cuál es mi problema?
Agregué "proxy": "http://localhost:8080" a package.json y cambié la URL de búsqueda a "/auth/register" y ahora funciona, ¡gracias!
Tienes que configurar el proxy, tienes un error CORS.
si está utilizando crear-reaccionar-aplicación.
https://create-react-app.dev/docs/proxying-api-requests-in-development/