Flutter Web: I'm getting XMLHttpRequest error on API calls

Question

I'm working on a simple project with Flutter web. When I try any API Call on my back-end I'm getting an error like 'Error: XMLHttpRequest error.' I did some research and found out that it is related to CORS.

This is the final version of my code in PHP.

<?php

header("access-control-allow-origin: *");

require_once("connect.php");
$result = $db->query("SELECT * FROM feedback ORDER BY id DESC") -> fetchAll();

echo json_encode($result);  

?>

My Flutter code for making API call

List? feedbackList;

  getFeedbacks() async {
    var url = Uri.parse('myDomainUrl/get.php');
    var response = await http.get(url);
    print('RESPONSE REPONSE RESPONSE RESPONSE: ${response.statusCode}');

    if (response.statusCode == 200) {
      setState(() {
        feedbackList = json.decode(response.body);
      });
      return feedbackList;
    }
  }

It works on mobile but somehow I'm still getting same error on Web.

AceP · Accepted Answer · 2021-09-10 23:03:42Z

4

try adding this line to the headers of your response from the backend

<?php

header('access-control-allow-origin: *');
header('Access-Control-Allow-Headers: *');
...

?>

answered Sep 10, 2021 at 23:03

AceP

1993 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Huthaifa Muayyad · Accepted Answer · 2021-09-10 22:45:05Z

1

CORS is an issue exclusive to browsers, and not mobile apps. This is why it works fine on mobile. Check out this answer to perhaps fix your CORS issue in PHP.

If you can't solve it, you can build your web app using html renderer instead of canvas kit.

answered Sep 10, 2021 at 22:45

Huthaifa Muayyad

12.4k4 gold badges22 silver badges54 bronze badges

1 Comment

Emre Over a year ago

Even using HTML renderer doesn't work. Still getting the same error..

Collectives™ on Stack Overflow

Flutter Web: I'm getting XMLHttpRequest error on API calls

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related