Tengo Nodejs Express Backend, React Frontend. Verifiqué si el frontend envía una solicitud al backend y esa solicitud se envía al backend. Y el backend envía una respuesta al frontend pero no puede recibirla.
Durante el segundo proceso, si recibo usando cartero, funciona bien. Pero si recibo el uso de la interfaz, no funciona y solo arroja el error "Error: error de red", no se proporciona más información.
También probé React: Axios Network Error y Post request Axios: Network error .
Nodo js Back-end:
export const Login = async (req: Request, res: Response, next:NextFunction) => { console.log("LOGIN SUCCESS"); res.json({ code: 200, token: "token" }); }Interfaz de reacción:
const Login = async () => { try { const res = await axios.post('http://localhost:6382/auth/login', { id: "id", password: "password" }); // ERROR! } catch (err) { console.log(err); // Displays "Error: Network error" }Además, My backend app.js
import * as express from 'express'; import * as cors from 'cors' import * as helmet from 'helmet'; class App { public app: express.Express; constructor() { this.app = express(); this.initializeMiddlewares(); } private initializeMiddlewares() { this.app.use(helmet()); this.app.use(cors()); this.app.use(express.json({limit:"100mb"})); this.app.use(express.urlencoded({limit:"100mb", extended:true})); } } export default App;servidor.ts
import App from './app'; const { app } = new App; app.listen(6382 ,() => { console.log( `Server listening on : 6382`); });¿Qué tengo que hacer?
Anteriormente tuve el mismo problema, olvidé agregar un proxy a package.json. Debe agregarlo a package.json en los archivos front-end y debería funcionar.
"proxy": your backend url..