Esta es la primera vez que uso axios y encontré un error.
axios.get( `http://someurl.com/page1?param1=1¶m2=${param2_id}` ) .then(function(response) { alert(); }) .catch(function(error) { console.log(error); });Con la URL y los parámetros correctos, cuando verifico las solicitudes de red, de hecho obtengo la respuesta correcta de mi servidor, pero cuando abro la consola, veo que no llamó a la devolución de llamada, sino que detectó un error.
Error: seguimiento de la pila de errores de red: createError@ http://localhost:3000/static/js/bundle.js:2188:15 handleError@ http://localhost:3000/static/js/bundle.js:1717:14
// This should already be declared in your API file var app = express(); // ADD THIS var cors = require('cors'); app.use(cors());Para una comprensión más completa de CORS, lea la Documentación de Mozilla sobre CORS .
mi problema era sobre la url que estaba solicitando. No había insertado http:// al principio de mi URL. Quiero decir que estaba solicitando una URL como 92.920.920.920/api/Token en lugar de http://92.920.920.920/api/Token . agregar http:// resolvió mi problema.
Ocurre cuando trabajas en localhost y olvidaste agregar http://
uso incorrecto
const headers = { "Content-Type": "application/json", Authorization: apiKey, }; const url = "localhost:5000/api/expenses/get-expenses"; axios.get(url, { headers }); // NETWORK ERRORel correcto es
const headers = { "Content-Type": "application/json", Authorization: apiKey, }; const url = "http://localhost:5000/api/expenses/get-expenses"; axios.get(url, { headers }); // WORKS FINE IF YOU HANDLED CORS CORRECTLY IN THE SERVER SIDE