I'm working on the weather app journal, and I am stumbling on some kind of a weird bug
I tried searching google, but I couldn't find anything helpful

so here's the problem
[![![image|603x386](upload://hDuEHsiCfiW3ARNhdyr5nds0yPz.png)](https://i.stack.imgur.com/FtaWq.png)](https://i.stack.imgur.com/FtaWq.png)

Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON

It appears that fetch returns a response, however when I try using the .json method on fetch it gives an error, and it somehow goes to the first line of the html file.
It also appears that the response is empty, it doesn't have the data I wish to send from the server.

this is my GET route for the client side (app.js) file
[![![image|690x249](upload://kMhs81kWjR7cnnvEDOHo5Q7NMD.png)](https://i.stack.imgur.com/RAwsV.png)](https://i.stack.imgur.com/RAwsV.png)

this is my code for the GET route on the server side (server.js) file
[![![image|518x214](upload://dYfLywO6I1ZE6gnTrMayzAltTaZ.png)](https://i.stack.imgur.com/kCcw6.png)](https://i.stack.imgur.com/kCcw6.png)

note: the console.log("Data Sent") is never printed on the terminal
[![![image|393x63](upload://nmuIopdbAE1xLe3dVjde2s5nRp1.png)](https://i.stack.imgur.com/fdkVD.png)](https://i.stack.imgur.com/fdkVD.png)

Edit: I figured out the response I'm getting from the GET request is the html file
[![enter image description here](https://i.stack.imgur.com/15dRb.png)](https://i.stack.imgur.com/15dRb.png)

How can I resolve this problem?