Dio: Flutter Web - XMLHttpRequest error

[cankarabag]

| Info | Value | |
| ------------------------------ | ----------------------------------------------------- | ---- |
| Platform Name | flutter web | |
| Platform Version | 1.12.13+hotfix.9 | |
| Dio Version | 3.0.9 | |
| Repro with our demo prj | e.g. does it happen with our demo project? |

Future<Response> get({
    String innerPath = "",
    CancelToken cancelToken,
    Map<String, String> queryParameters = const {},
  }) async {
    try {
      final response = await _client.get(
        "/$_path/$innerPath",
        cancelToken: cancelToken,
        queryParameters: queryParameters,
      );
      throwIfNoSuccess(response);
      return response;
    } catch (e) {
      throw e;
    }
  }

It works on Android and iOS side. I get this error on the flutter-web.

Request path : [GET] 'A url to make get request'
Request data : null
Error message : XMLHttpRequest error.
DioError [DioErrorType.RESPONSE]: XMLHttpRequest error.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If this is still an issue, please make sure it is up to date and if so, add a comment that this is still an issue to keep it open. Thank you for your contributions.

[wpajqz]

the same for me

[d-apps]

I had the problem, I add this in my site (index.php) and it worked.

header("Access-Control-Allow-Origin: *");

[cankarabag]

No, still same problem.

[azalisa]

@cankarabag Did you check the browser console for errors? I searched the dio source code for this error, and I found this:

// Unfortunately, the underlying XMLHttpRequest API doesn't expose any
// specific information about the error itself.
completer.completeError(
  ClientException('XMLHttpRequest error.', request.url),
  StackTrace.current);

So dio itself can't print a more helpful error message, but it will get logged in the browser console.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If this is still an issue, please make sure it is up to date and if so, add a comment that this is still an issue to keep it open. Thank you for your contributions.

[johnathanbreshears]

Has anyone found what the fix for this might be?

[a-elhaddad]

Has anyone found solution?

[blue7wings]

Hey, Dio does not work on the web may because CORS which not appear in APP. I fixed the problem by adding this in response's header.
"Access-Control-Allow-Origin": "*", // Required for CORS support to work "Access-Control-Allow-Credentials": true, // Required for cookies, authorization headers with HTTPS "Access-Control-Allow-Headers": "Origin,Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token", "Access-Control-Allow-Methods": "GET, POST, OPTIONS"

[leononly]

Hey, Dio does not work on the web may because CORS which not appear in APP. I fixed the problem by adding this in response's header.

  "Access-Control-Allow-Credentials": true, // Required for cookies, authorization headers with HTTPS
  "Access-Control-Allow-Headers": "Origin,Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token",
  "Access-Control-Allow-Methods": "GET, POST, OPTIONS"

Does this means dont use dio?

[jtoy]

I have the exact same issue, works perfectly fine on mac and ios:

Error: DioError [DioErrorType.RESPONSE]: XMLHttpRequest error. at Object.throw_ [as throw] (http://localhost:55644/dart_sdk.js:4338:11) at http://localhost:55644/packages/dio/src/entry/dio_for_browser.dart.lib.js:357:31 at _RootZone.runUnary (http://localhost:55644/dart_sdk.js:37756:58) at _FutureListener.then.handleValue (http://localhost:55644/dart_sdk.js:32717:29) at handleValueCallback (http://localhost:55644/dart_sdk.js:33265:49) at Function._propagateToListeners (http://localhost:55644/dart_sdk.js:33303:17) at _Future.new.[_completeWithValue] (http://localhost:55644/dart_sdk.js:33145:23) at async._AsyncCallbackEntry.new.callback (http://localhost:55644/dart_sdk.js:33168:35) at Object._microtaskLoop (http://localhost:55644/dart_sdk.js:38017:13) at _startMicrotaskLoop (http://localhost:55644/dart_sdk.js:38023:13) at http://localhost:55644/dart_sdk.js:33520:9

[srinivasPaidisetti]

same issue

[gittycoder02]

Encountering same issue

[songsongtao]

same issue