Can't fetch data from my API server in React

Question

I try to fetch data (list of files in folder) from my server https://www.my-site.com/api where I've got index.php file which is

<?php
    header("Access-Control-Allow-Origin: *");
    header("Content-Type: application/json");

    $dir = "./photos"; //path

    $list = array(); //main array

    if(is_dir($dir)){
        if($dh = opendir($dir)){
            while(($file = readdir($dh)) != false){

                if($file == "." or $file == ".."){
                    //...
                } else {
                    $list3 = array(
                        'url' => $file);
                        array_push($list, $list3);
                }
            }
        }

        $return_array = array('photos'=> $list);

        echo json_encode($return_array);
    }
?>

and in my React app i try to use fetch

fetch('https://www.my-site.com/api', {
   method: 'GET',
   redirect: 'follow',
   headers: {
  }
})
  .then(response => response.json())
  .then(res => console.log(res))
  .catch(error => console.log('error', error));

but the result is CORS request did not succeed and CORS header 'Access-Control-Allow-Origin' missing. When im using Postman, everything it's ok, and I get json object with data I wanted.

You should inspect your response headers. See stackoverflow.com/questions/20189756/… for example. — user3791775
– user3791775, Commented Mar 1, 2020 at 18:03

Illya · Accepted Answer · 2020-03-01 17:53:36Z

0

Try to add :

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

To .htaccess file

answered Mar 1, 2020 at 17:53

Illya

1,2751 gold badge7 silver badges16 bronze badges

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

4 Comments

Illya Over a year ago

Try this : stackoverflow.com/questions/51128176/…

mcfly24 Over a year ago

I have add proxy to package.json but now i get this error: error SyntaxError: "JSON.parse: unexpected character at line 1 column 1 of the JSON data"

Illya Over a year ago

Try log the plain text response

mcfly24 Over a year ago

I use response.text() instead .json() i i get my-site.com/api HTML and it's 404, but in browser in my-site.com/api i get json

mcfly24 · Accepted Answer · 2020-03-01 19:27:10Z

0

Problem solved.

I tryed to fetch data from my-site.com/api but I should fetch from my-site.com/api/index.php

answered Mar 1, 2020 at 19:27

mcfly24

645 bronze badges

Collectives™ on Stack Overflow

Can't fetch data from my API server in React

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related