GET konnte nicht abgerufen werden/Fehler – GET http://localhost:3000/ 404 (nicht gefunden)
Ich erhalte in meinem Browser die Meldung „Unable to get /“, wenn ich Node und express.js verwende. Von der Konsole erhalte ich Folgendes: Die Ressource konnte nicht geladen werden: Der Server hat mit dem Status 404 (Nicht gefunden) geantwortet. Der folgende Code funktioniert sowohl für Server als auch für Browser. Ich brauche wirklich Hilfe, da ich nicht verstehen kann, was mit diesem Code nicht stimmt. Im Grunde mache ich einen Front-End-Entwicklungs-Nano-Abschluss bei Udacity und folge den Übungen. Diese Übung ist mir nicht gelungen.
Code for the server:
/* Empty JS object to act as endpoint for all routes */
projectData = {};
/* Express to run server and routes */
const express = require("express");
/* Start up an instance of app */
const app = express();
/* Dependencies */
const bodyParser = require("body-parser");
/* Middleware*/
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
const cors = require("cors");
app.use(cors());
/* Initialize the main project folder*/
app.use(express.static("website"));
const port = 3000;
/* Spin up the server*/
const server = app.listen(port, listening);
function listening() {
// console.log(server);
console.log(`running on localhost: ${port}`);
}
// GET route
app.get("/all", sendData);
function sendData(request, response) {
response.send(projectData);
}
// POST route
app.post("/add", callBack);
function callBack(req, res) {
res.send("POST received");
}
// POST an animal
const data = [];
app.post("/animal", addAnimal);
function addAnimal(req, res) {
data.push(req.body);
}
code for the browser
/* Function to POST data */
const postData = async (url = "", data = {}) => {
console.log(data);
const response = await fetch(url, {
method: "POST", // *GET, POST, PUT, DELETE, etc.
credentials: "same-origin", // include, *same-origin, omit
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(data), // body data type must match "Content-Type" header
});
try {
const newData = await response.json();
// console.log(newData);
return newData;
} catch (error) {
console.log("error", error);
// appropriately handle the error
}
};
//Call Function
postData("addAnimal", { animal: "lion" });