http request XMLHttpRequest error on dart / flutter

Question

I'm trying to get some data from this API, I got the XMLHttpRequest error even when I use this solution:

import 'package:http/http.dart' as http;

void main() async {
  
  var _headers = {
    "Access-Control-Allow-Origin": "*",
    'X-API-KEY': 'SqD712P3E82xnwOAEOkGd5JZH8s9wRR24TqNFzjk'
  };
  var url = "https://api.sunnah.com/v1/collections/muslim";

  var res = await http.get(Uri.parse(url), headers:_headers);
  print(res.body);
}

Cannot reproduce Your issue, it works as expected, see screenshot: https://pasteboard.co/WNDnnbgYESJf.jpg — num8er, Mar 11 '22 at 20:50

score 0 · Answer 1 · answered Mar 11 '22 at 23:58

It'll be working fine in production mode, but you can fix it in development mode as well, I have answered this one in an another stackoverflow post.

See my answer in the link below: Flutter Web Http Error : Uncaught (in promise) Error: XMLHttpRequest error

score 0 · Answer 2 · answered Aug 19 '23 at 21:12

0

In my case, simply resolved by adding http://localhost:port (sender) to CORS_ALLOWED_ORIGINS in settings file.

answered Aug 19 '23 at 21:12

Ahmed Vall Ebeye

1

This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/late-answers/34868151) – Ram Chander Aug 24 '23 at 14:06
As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Aug 29 '23 at 08:09

http request XMLHttpRequest error on dart / flutter

2 Answers2