Mi código está abajo. Esta es la primera vez que uso NodeJS y axios.
Instalé NodeJS en Windows usando el instalador descargable. Luego instalé Axios usando npm install axios
en powershell como administrador.
Obviamente estoy copiando/pegando el código repetitivo de nodejs para una solicitud de obtención de axios.
Probé el archivo php usando una solicitud de obtención de curl desde la línea de comando (curl real instalado, no el acceso directo de Windows a otro programa). Por lo tanto, PHP está aceptando solicitudes de obtención y devolviendo json correctamente.
El problema en el que estoy atascado es cómo configurar axios y node js correctamente para que mi archivo js ejecute la solicitud de obtención correctamente.
este es mi codigo
const loginForm = document.getElementById("login-form"); const loginButton = document.getElementById("login-form-submit"); const loginErrorMsg = document.getElementById("login-error-msg"); const vanillaUrl = "localhost:8081/hospital/php/addapt.php"; const getUrl = "localhost:8081/hospital/php/getpatientappt.php?PatientID=1"; const axios = require('axios') //get request to get appt for patient id1 axios .get(geturl) .then(res => { console.log(`statusCode: ${res.status}`) console.log(res) alert(res) }) .catch(error => { console.error(error) }) loginButton.addEventListener("click", (e) => { e.preventDefault(); const username = loginForm.username.value; const password = loginForm.password.value; if (username === "user" && password === "1") { alert("You logged in!"); location.reload(); } else { loginErrorMsg.style.opacity = 1; } } )
Estos son los errores que recibo en Chrome desde la consola de JavaScript
Uncaught ReferenceError: require is not defined at login-page.js:7:15 DevTools failed to load source map: Could not load content for chrome-extension://hnfanknocfeofbddgcijnmhnfnkdnaad/content.js.map: System error: net::ERR_BLOCKED_BY_CLIENT DevTools failed to load source map: Could not load content for http://localhost:8081/hospital/login/requestProvider.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Cuando corro de incógnito obtengo
Uncaught ReferenceError: require is not defined at login-page.js:7:15
no hay ningún archivo requestProvider.js.map o content.js.map
Todo esto está alojado en localhost con xampp. No estoy seguro si eso afecta algo.
No estoy seguro de qué es este error. Me quedé atascado buscándolo en Google. Y no estoy seguro de cómo integrar este código correctamente.
parece que está ejecutando este código en el navegador, la implementación del navegador de Javascript no tiene la función requerida