Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

111
Visualizações
connect react with express

I am trying to connect an express backend with an react frontend as follows:

express code:

const app = express();
const port = 4000;
var router = express.Router();

app.use(bodyParser.urlencoded({ extended: false }));

app.listen(port, () => {
  //...
});

router.get('/handle',(request,response) => {
  response.send("...");
});
app.use("/", router);
module.exports = router;

React Code (inside a on-click function):

var myRequest = new XMLHttpRequest(),
  method = 'GET',
  url = 'http://127.0.0.1:4000';

  myRequest.open(method, url, true);
  
  myRequest.onerror = function() { 
    alert(`Network Error`);
  };
  myRequest.send();
  myRequest.onload = function() {
    alert(`success`);
  };

When i type http://127.0.0.1/handle into the browser, i get the correct response - so the express server is working. However, when i try to do the request with the react code, i always get "network error". I really have no idea how to fix this, could anyone give me a hint? (React app is also running on localhost)

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda