Error: Cannot GET / #325

Bhaney44 · 2024-09-15T07:19:28Z

Bhaney44
Sep 15, 2024

I am consistently getting an error running node server.js but I am having trouble debugging the code.

My Code

///////////////////////////////////////////////////////////////////////////////////////
var express = require('express')
var cors = require('cors')
var app = express()
///////////////////////////////////////////////////////////////////////////////////////
app.use(cors({
    origin: 'http://localhost:3001', 
    methods: ['GET', 'POST'], 
    allowedHeaders: ['Content-Type'] 
  }));
///////////////////////////////////////////////////////////////////////////////////////
app.get('/api/endpoint', cors(), function (req, res, next) {
    const data_in = {message_0, message_1};
    res.json(data_in);
  })
///////////////////////////////////////////////////////////////////////////////////////
app.post('/api/endpoint', cors(), function (req, res, next) {
    const data_out = {message_2, message_3, message_4, message_5};
    res.json(data_out);
  })
///////////////////////////////////////////////////////////////////////////////////////
app.listen(port, () => {
    console.log(`Server running on http://localhost:${port}`);
});
///////////////////////////////////////////////////////////////////////////////////////

I am running locally using a react framework. Upon running node server.js, my console returns:

Server running on http://localhost:3000

But, when I go to http://localhost:3000 in my browser I get an error: Cannot GET /. I went into developers tools and found the uploaded HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Cannot GET /</pre>
</body>
</html>

In the browser, the only console errors I am seeing are:

Failed to load resource: the server responded with a status of 404 (Not Found)
GET http://localhost:3000/ 404 (Not Found)

I am struggling to debug the code with the information provided. Any advice or suggestions would be appreciated.

Answered by IamLizu

Sep 15, 2024

Hi @Bhaney44 👋

I think you are actually missing a root route. As you can see, / after http://localhost:3000 is actually the endpoint being requested when you type in http://localhost:3000/ in your browser.

So, simply add a handler for route like,

app.get('/', (req, res) => {
  res.send('Welcome to the API server!');
});

Also, you do not need to specify cors() middleware in every route since you are already doing it in app.use which will add that middleware for every route.

View full answer

IamLizu · 2024-09-15T07:49:25Z

IamLizu
Sep 15, 2024
Collaborator

Hi @Bhaney44 👋

I think you are actually missing a root route. As you can see, / after http://localhost:3000 is actually the endpoint being requested when you type in http://localhost:3000/ in your browser.

So, simply add a handler for route like,

app.get('/', (req, res) => {
  res.send('Welcome to the API server!');
});

Also, you do not need to specify cors() middleware in every route since you are already doing it in app.use which will add that middleware for every route.

1 reply

Bhaney44 Sep 16, 2024
Author

Yes. That was the problem. Thank you!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Error: Cannot GET / #325

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Error: Cannot GET / #325

Uh oh!

Bhaney44 Sep 15, 2024

Replies: 1 comment · 1 reply

Uh oh!

IamLizu Sep 15, 2024 Collaborator

Uh oh!

Bhaney44 Sep 16, 2024 Author

Bhaney44
Sep 15, 2024

Replies: 1 comment 1 reply

IamLizu
Sep 15, 2024
Collaborator

Bhaney44 Sep 16, 2024
Author