The home route is triggered several times when running nodeJs by using expressJs to get JSON data from an API, and render to the ejs file #6295

phoncepiano · 2025-01-24T16:20:31Z

phoncepiano
Jan 24, 2025

I created a simple web application that fetches data from an API but when I get a response and render the result to ejs file it seems the route is called multiple times

Here are my codes:-

index.js file

import express from "express";
import bodyParser from "body-parser";
import axios from "axios";

const app = express();
const port = 3000;

app.get("/", async (req, res) => {
  console.log("Received a GET request to /");
  try {
    const response = await axios.get("https://api.restful-api.dev/objects");
    const result = response.data;
    console.log(
      "Fetched data from API:",
      result[Math.floor(Math.random() * result.length)]
    );
    res.render("index.ejs", {
      data: result[Math.floor(Math.random() * result.length)],
    });
  } catch (error) {
    console.error("Failed to make request:", error.message);
  }
});
app.listen(port, () => {
  console.log(`Server running on port: ${port}`);
});

index.ejs file looks like this:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>API - TEST</title>
  </head>
  <body>
    <h1>Welcome to API TEST</h1>
    <h2>Device Name = <%= data.name %></h2>
    <% console.log("Home Page rendered successfully", data.id) %>
  </body>
</html>

And here are my results in the console when I run the web

I need help knowing what is happening so that it can run more than once.

krzysdz · 2025-01-24T18:51:12Z

krzysdz
Jan 24, 2025

I tied running this code (both using nodemon and simply with node index.js) and when loading http://localhost:3000 in browser (or using curl) I get only one "Home Page rendered successfully" message.

Are you sure that this code is enough to reproduce your problem? How exactly do you make the request to your server?

0 replies

phoncepiano · 2025-01-24T20:54:31Z

phoncepiano
Jan 24, 2025
Author

I got the solution, I found the problem was the extension (Torrent Scanner) in my browser, it refreshed the page and caused the duplication of output objects shown in the console...

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

The home route is triggered several times when running nodeJs by using expressJs to get JSON data from an API, and render to the ejs file #6295

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

The home route is triggered several times when running nodeJs by using expressJs to get JSON data from an API, and render to the ejs file #6295

Uh oh!

phoncepiano Jan 24, 2025

Replies: 2 comments

Uh oh!

krzysdz Jan 24, 2025

Uh oh!

phoncepiano Jan 24, 2025 Author

phoncepiano
Jan 24, 2025

krzysdz
Jan 24, 2025

phoncepiano
Jan 24, 2025
Author