Tidak dapat GET / Ralat - GET http://localhost:3000/ 404 (Tidak Ditemui)
P粉236743689
P粉236743689 2024-03-27 14:13:04
0
1
350

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

P粉236743689
P粉236743689

membalas semua(1)
P粉738046172

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);
    }
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan