Tidak dapat GET / Ralat - GET http://localhost:3000/ 404 (Tidak Ditemui)

Question

Saya mendapat mesej "Tidak dapat mendapatkan /" pada penyemak imbas saya apabila menggunakan Node dan express.js. Daripada konsol saya dapat: Tidak dapat memuatkan sumber: Pelayan bertindak balas dengan status 404 (Tidak Ditemui). Kod berikut berfungsi untuk kedua-dua pelayan dan penyemak imbas. Saya benar-benar memerlukan bantuan kerana saya tidak dapat memahami apa yang salah dengan kod ini. Pada asasnya, saya sedang melakukan nanodegree pembangunan bahagian hadapan di Udacity dan saya mengikuti latihan. Saya tidak berjaya dengan latihan ini.

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" });

Answer 1

Ralat "Tidak dapat mendapatkan /" berlaku apabila pelayan menerima permintaan untuk laluan yang tiada pengendali / wujud ditakrifkan.

Kini anda mempunyai ini:

    // GET route
    app.get("/all", sendData);

    function sendData(request, response) {
      response.send(projectData);
    }