Tengo una api corriendo en localhost
y realizo la peticion desde un archivo Javascritp
.
La peticion es la siguiente :
fetch('http://localhost:3000/user/',{
method: 'GET',
mode: 'no-cors',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Credentials": true
},
})
.then(function (response) {
return response;
})
.then(function (myJson) {
console.log(myJson);
});
Y lo que me retorna es el response
, con la siguiente data:
Response {type: "opaque", url: "", redirected: false, status: 0, ok: false, …}
body: null
bodyUsed: false
headers: Headers {}
ok: false
redirected: false
status: 0
statusText: ""
type: "opaque"
url: ""
__proto__: Response
Aqui la petición GET en Express:
const express =require ('express');
const router =express.Router();
const mysqlConnection = require ('../database');
router.get('/user/',(req,res)=>{
res.header({
'Accept': 'application/json',
'Content-Type': 'application/json',
'mode':'no-cors'
})
mysqlConnection.query('Select * From user',(err,rows,fields)=>{
if(!err){
res.json(rows);
}else{
console.log(err);
}
})
})
module.exports = router;
http://localhost:3000/user/
no tiene un endpoint directo, es decir tu no estas indicando ni el nombre del archivo ni la extension de este por lo tanto es como si le dijeras al PC que hiciera un fetch hacia un directorio entero y no hacia un archivo especifico, ese es uno de los problemas, en segundo lugar, las cabeceras de acceso no se pueden establecer desde el frontend, por lo tanto las dos ultimas propiedades que tienes en el objetoheaders
son inutiles y no tienen sentido que se coloquen.mode
afetch
,no-cors
pero mas adelante usas cabecerasCORS
dentro de tu propiedadheaders
como por ejemploAccess-Control-Allow-Origin": "*"
y"Access-Control-Allow-Credentials": true
por lo que tu mismo estarias contradiciendo el uso deno-cors
. una cosa mas que hay que explicar es que solo el backend tiene el derecho de quitar asignarCORS
ademas estas se asignan a cada archivo en especifico donde requieras modificarlas, por lo que esasCORS
deberian ir enrealidad en un archivo.php
(si usas php) o lo que sea que uses de backend.then
defetch
debes usar el parser JSON:return response.json();
para que efectivamente el segundo métodothen
reciba el JSON ya parseado. Verifica eso y comenta el resultado.