0

Me aparece el error Cannot GET / en el navegador y estoy probando por en vez de poner una ruta que se llame app.get, poner una que es app.post y así me sale el error, he probado a desinstalar node, eliminar los ficheros temporales, etc. Si me pueden ayudar, se lo agradecería, les dejo el código:

introducir la descripción de la imagen aquí


P.D: No se si es por lo del data, pero puede haber una solución no? Muchas gracias por las respuestas amigos!!

Acabo de probar con postman y claramente aparece porque se puede enviar peticiones POST!!


const express = require('express');
const fs = require('fs');
const querystring = require('querystring');
const util = require('util');
const md5 = require('blueimp-md5');
const app = express();
const MongoClient = require('mongodb').MongoClient;
const urlMongo = "mongodb://localhost:27017/";
let dataString = '';
let dataObject = '';
let usuario = '';
let fichero = './src/views/login.html';

app.get('/', (request, response) => {
    fs.readFile(fichero, function (error, contenido) {
        if (error) { 
            throw error;
        }
        response.writeHead(200, { 'Content-Type': 'text/html charset=utf-8' });
        response.write(contenido);
        response.end();
    });
    app.use('/css', express.static(__dirname + '/css'));
});

app.post('/login', (request, response) => {
    request.on('data', function (data) {
        // Obtenemos los datos en cadena de texto
        dataString += data;
    })
    .on('end', function () {
        // Convertimos la cadena de texto dataString a un objeto
        dataObject = querystring.parse(dataString);
        // Convertimos el objeto a JSON
        let dataJSON = util.inspect(dataObject);
        // Recogemos los datos
        usuario = dataObject.usuario;

        comprobarDatos();
        response.end();
    })
});


// Función para comprobar los datos que introduce el cliente
async function comprobarDatos() {
  let tipo = 9;

  const client = await MongoClient.connect(urlMongo, { useUnifiedTopology: true })
      .catch(err => { console.log(err); });

  if (!client) {
      return;
  }

  try {
      const db = client.db("administraciontest");
      let collection = db.collection('usuarios');
      let query = {"usuario" : usuario , "password" : md5(dataObject.password)};
      let result = await collection.findOne(query);

      tipo = result.tipo;
      console.log(result);
      console.log(tipo);

  } catch (err) {
      console.log(err);
  } finally {
      client.close();
  }
  console.log(tipo);
  return tipo;
  
}

function paginaError(response){
    fs.readFile('./src/views/error.html', function (error, contenido) {
      if (error) { 
        throw error;
      }
      response.writeHead(200, { 'Content-Type': 'text/html charset=utf-8' });
      response.write(contenido);
      response.end();
    });
}

app.listen('8080', () => {
    console.log('Servidor ejecutándose en http://127.0.0.1:8080/');
});
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Administración Test - Login</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="container mt-2">
        <h1 class="text-black-50 text-center">Inicio de Sesión</h1>
        <form action="/login" name="login" method="POST" enctype="multipart/form-data">
            <div class="form-group row justify-content-center">
                <div class="col-md-4 mt-4">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">Usuario</label>
                        </div>
                        <input class="form-control" type="text" name="usuario" placeholder="Escribe tu usuario aquí"
                            required>
                    </div>
                </div>
            </div>
            <div class="form-group row justify-content-center">
                <div class="col-md-4 mt-2">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">Contraseña</span>
                        </div>
                        <input class="form-control" type="password" name="password"
                            placeholder="Escribe su contraseña aquí" required>
                    </div>
                    <div id="respuesta">

                    </div>
                </div>
            </div>
            <div class="mx-auto mt-4 buttons">
                <button type="submit" class="btn btn-success iniciar">Iniciar Sesión</button>
                <button type="reset" class="btn btn-danger borrar">Borrar</button>
            </div>
        </form>
    </div>
    <!-- <script src="https://code.jquery.com/jquery-3.5.0.slim.js"
        integrity="sha256-sCexhaKpAfuqulKjtSY7V9H7QT0TCN90H+Y5NlmqOUE=" crossorigin="anonymous"></script> -->
</body>

</html>

Acabo de probar con postman y claramente aparece porque se puede enviar peticiones POST!!

14
  • Puedes agregar el código?
    – Bicho
    el 17 abr. 2020 a las 17:52
  • tengo esa estructura, y si lo cambio por GET me funciona, pero lo quiero por POST para que no me muestre los datos de un formulario, ya que lo que estoy haciendo es un login, pero ya te digo es problema de node. el 17 abr. 2020 a las 17:53
  • puedes explicarme concretamente lo que intentas hacer y cual es el error que causa tu código? te espero
    – Enzo
    el 17 abr. 2020 a las 17:59
  • intento que express use el método POST y cuando lo ejecuto me aparece este error: Cannot GET / , de que necesita que se use el método GET en vez del POST, pero como digo que a un compañero le ha funcionado y tenemos el mismo código y a mi no el 17 abr. 2020 a las 18:18
  • y he probado de desinstalarlo y volverlo a hacer y no se que hacer más el 17 abr. 2020 a las 18:18

3 respuestas 3

0

//POST y GET son distintos metodos par poder enviar y/o recibir informacion del navegador, comunmente, POST se utiliza para poder traer datos sensibles del frontend al backend de forma se gura por asi decirlo, en cambio GET comunmente lo que hace es devolver/renderizar datos al frontend, si tu utilizas esto:

app.post('/', (req, res) => {
  res.write('Hola');
  app.use('/css', express.static(__dirname + '/css'));
});

//y decear abrir esa ruta en el navegador, por defecto el navegador te devolverá error Cannot GET / por que obviamente no hay ruta que renderizar ni texto que pintar, solamente esa ruta servirá para poder traer datos al backen, si haces una prueba de la ruta utilizando POST en postman, lo que te devolvera es un texto que diga hola ya que eso es lo que devuelve, un simple texto, por que como dije, el metodo POST lo que hace es recibir datos y devolver datos

5
  • yo ese ejemplo lo puse por poner, lo que yo quiero es que por POST me abra un html, en el cual tengo un formulario de inicio de sesión y después por otra ruta POST me muestre los datos el 18 abr. 2020 a las 13:11
  • porque si abro el html por GET me muestra los datos del formulario en el navegador y eso no es seguro el 18 abr. 2020 a las 13:12
  • porque a lo mejor se puede configurar el navegador para que responda peticiones POST no, porque a mi amigo en Firefox le va y tenemos el mismo código el 18 abr. 2020 a las 13:13
  • por que dices que los datos del formulario se ven en el navegador? en que parte del navegador se ven?
    – Enzo
    el 18 abr. 2020 a las 13:26
  • Los comentarios no deben usarse para discusiones extendidas; esta conversación ha sido trasladada a un chat.
    – Jorgesys
    el 18 abr. 2020 a las 18:04
0

response.write() se utiliza para mandar "chunks" (pedazos) de información al buffer. Una vez que estés listo para mostrar el resultado, llamas response.end():

app.get("/", (request, response) => {
  response.write("uno, ");
  response.write("dos, ");
  response.write("tres..");
  response.end();
});

Si en cambio prefieres mandar algo de forma directa:

app.get("/", (request, response) => {
  response.send("uno, dos, tres..");
});

Mas info sobre reponse.write() aquí

1
  • no es eso lo que quiero hacer, está actualizado la explicación, pero gracias por detallar el significado :D el 18 abr. 2020 a las 14:14
0

No necesitas POST ni GET para acceder al servidor, eso debido a que no es necesario hacer ninguna de estas peticiones para crear un servidor, ahora bien solo te faltaba lo siguiente:

const express = require("express");
const app = express();
const path = require("path");
const http = require("http");

//Se crea el servidor http con el cual podras hacer POST y GET
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.write('Hello World!');
  res.end();
}).listen(8080);

//Aquí en medio puede ir tu código.

app.use(express.static(path.join(__dirname, '/')));

De esta manera con el modulo http te debe funcionar, si es cierto, fuí directamente y al parecer por alguna razón no me funciono, así que investigue y dí con el modulo http.

entonces nada mas ahora debes ir a localhost:8080 y debe funcionar, recuerda tener un index.html que renderizar en '/' y ademas reiniciar el servidor una vez hechos los cambios.

6
  • Y sacando esa línea que mencionas, como le explicarias al OP que va a seguir mostrando el mensaje cannot GET? Porque lo seguirá mostrando igual. el 17 abr. 2020 a las 20:30
  • Hace poco cree las carpetas instale express e hice lo de mi respuesta y el servidor funciono, tambien para ello cree una carpeta css en la que tengo mi index.html, el cuál fue renderizado de manera correcta y normal. Una vez ejecutandose el servidor en nodejs fuí a la direccion localhost:8080 y funciono de manera correcta.
    – Riven
    el 17 abr. 2020 a las 22:27
  • Recuerda reiniciar el server desde la terminal antes de probarlo, de lo contrario siempre tendras el mismo error por que no se esta actualizando el servidor.
    – Riven
    el 17 abr. 2020 a las 22:31
  • Tu respuesta es muy temeraria. No necesitas es mucho decir. Intenta explicar mejor tu razonamiento. Un buen diseño de rutas usará siempre los métodos http. Es lo más recomendable para separar correctamente la lógica de las solicitudes. Saludos el 18 abr. 2020 a las 8:44
  • lo tengo como tu dices @Riven, pero cuando no pongo ninguna ruta GET me aparece el error de que necesita una y no se que realizar más, porque a un amigo le va y solo ha cambiado el GET por POST el 18 abr. 2020 a las 9:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.