Impossible d'obtenir / Erreur - GET http://localhost:3000/ 404 (introuvable)
P粉236743689
P粉236743689 2024-03-27 14:13:04
0
1
361

Je reçois un message « Impossible d'obtenir / » sur mon navigateur lorsque j'utilise Node et express.js. Depuis la console, j'obtiens : Impossible de charger la ressource : le serveur a répondu avec un statut de 404 (introuvable). Le code suivant fonctionne à la fois pour le serveur et le navigateur. J'ai vraiment besoin d'aide car je ne comprends pas ce qui ne va pas avec ce code. En gros, je fais un nanodiplôme de développement front-end à Udacity et je suis les exercices. Je n'ai pas réussi cet exercice.

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

répondre à tous(1)
P粉738046172

L'erreur "Impossible d'obtenir /" se produit lorsque le serveur reçoit une demande pour une route pour laquelle aucun gestionnaire / n'est défini.

Maintenant vous avez ceci :

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

    function sendData(request, response) {
      response.send(projectData);
    }
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal