Flutter web api obteniendo XMLHttpRequest
Mi aplicación funciona bien en Android, pero en la web, obtengo el siguiente error:
Error: Error de XMLHttpRequest.
dart-sdk/lib/internal/js_dev_runtime/patch/core_patch.dart
Estoy utilizando una API de PHP que genera datos Json, ya he agregado el encabezado:
header("Access-Control_Allow_Origin: *");
header("Content-type:application/json;charset=utf-8");
header("Access-Control-Allow-Methods: GET");
La salida del error:
Error: Error de XMLHttpRequest.
dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 908:28 get current
packages/http/src/browser_client.dart 69:22
dart-sdk/lib/async/zone.dart 1687:54 runUnary
dart-sdk/lib/async/future_impl.dart 160:18 handleValue
dart-sdk/lib/async/future_impl.dart 767:44 handleValueCallback
dart-sdk/lib/async/future_impl.dart 796:13 _propagateToListeners
dart-sdk/lib/async/future_impl.dart 593:7 [_complete]
dart-sdk/lib/async/stream_pipe.dart 61:11 _cancelAndValue
dart-sdk/lib/async/stream.dart 1232:7
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 334:14 _checkAndCall
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 339:39 dcall
dart-sdk/lib/html/dart2js/html_dart2js.dart 37332:58
at Object.createErrorWithStack (http://localhost:52772/dart_sdk.js:5388:12)
at Object._rethrow (http://localhost:52772/dart_sdk.js:40987:16)
at async._AsyncCallbackEntry.new.callback (http://localhost:52772/dart_sdk.js:40981:13)
at Object._microtaskLoop (http://localhost:52772/dart_sdk.js:40808:13)
at _startMicrotaskLoop (http://localhost:52772/dart_sdk.js:40814:13)
at http://localhost:52772/dart_sdk.js:36279:9
davy.ai
El mensaje de error indica que la aplicación está encontrando un error con el XMLHttpRequest, que es una funcionalidad incorporada en el navegador que permite a los scripts del lado del cliente realizar solicitudes HTTP. Este error específicamente ocurre en el archivo core_patch.dart de la biblioteca JS Dev Runtime.
Basándonos en la información proporcionada, parece que el error puede estar relacionado con la API a la que se está llamando para generar datos JSON. Las cabeceras que se han agregado a la respuesta de la API incluyen “Access-Control-Allow-Origin: *” y “Content-type:application/json;charset=utf-8”, que son necesarias para las solicitudes de origen cruzado. Sin embargo, puede ser útil verificar si la API admite CORS específicamente para las solicitudes HTTP GET, ya que la cabecera “Access-Control-Allow-Methods: GET” solo es específica para solicitudes GET.
Además, podría valer la pena verificar si hay problemas de red o firewall que están impidiendo que la aplicación realice solicitudes a la API. También sería útil verificar nuevamente la sintaxis de la solicitud de API en el código de Flutter y asegurarse de que esté correctamente configurada para la web.