𝗗𝗮𝘆 𝟯𝟲 𝗼𝗳 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸
Ich bin an Tag 36 meiner MERN-Stack-Reise.
Gestern habe ich meinen ersten lokalen Webserver gebaut. Heute habe ich mich auf das Backend-Routing konzentriert.
Routing sagt deinem Server, wie er mit verschiedenen Anfragen umgehen soll. Das Backend fungiert als Verkehrsleitzentrale. Es entscheidet basierend auf der URL, welcher Inhalt angezeigt werden soll.
Ich habe gelernt, wie man die req.url-Eigenschaft verwendet. Diese Eigenschaft enthält den Pfad, den ein Benutzer in seinen Browser eingibt.
Man verwendet logische Bedingungen, um Benutzer an den richtigen Ort zu leiten.
So funktioniert die Logik:
- Der Server prüft die eingehende URL.
- Wenn die URL „/“ ist, sendet der Server die Startseite.
- Wenn die URL „/about“ ist, sendet der Server die About-Seite.
- Wenn die URL auf nichts zutrifft, sendet der Server einen 404-Fehler.
Dieser Prozess hält deine Anwendung organisiert und funktionsfähig.
Code-Beispiel:
const server = http.createServer((req, res) => {
if (req.url === "/") {
res.end("Welcome to the Homepage!");
} else if (req.url === "/about") {
res.end("This is the About Page detailing our stack.");
} else {
res.writeHead(404, { "Content-Type": "text/plain" });
res.end("404: Page Not Found!");
}
});
Quelle: https://dev.to/ali_hamza_589ec7b3eb6688d/day-36-of-learning-mern-stack-183m