How to use headers? about react-http-request HOT 8 CLOSED

Hi @hateCarrot,
have you tried the following?
headers={{"Authorization":"ApiKey api_key=blah blah"}}

from react-http-request.

hi @mbasso
I changed it to the way you told me. Then the error message was changed.

"XMLHttpRequest cannot load http://konanlink-test.elasticbeanstalk.com/v1/device/list.json. Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response."

The above address is normally returned when running as postman. So it does not seem to be a server problem. Do I have something more to do? Thank you for your reply.

from react-http-request.

and Here is request code.

<Request
  url='http://konanlink-test.elasticbeanstalk.com/v1/device/list.json'
  method='post'
  type='application/x-www-form-urlencoded'
  accept='application/json'
  headers={{"Authorization":"ApiKey api_key=blah blah"}}
  verbose={true}
  send='{"offset":"0","limit":"100"}'
>
  {
    ({error, result, loading}) => {
      if (loading) {
        return <div>loading...</div>;
      } else {
        return <div>{ JSON.stringify(result) }</div>;
      }
    }
  }
</Request>

from react-http-request.

Unfortunately it seems to be a server problem.
Postman works fine because is a chrome extension and has more privileges than regular web pages (check this for more information).
However, to make your site work, you have to enable CORS.
Here you can find a simple explanation of the problem is and here is an example of the headers that you have to add to the reponse.

from react-http-request.

Thanks a lot @mbasso
I'll try to solve the problem as you told me.
Merry Christmas and Happy new year :)

from react-http-request.

Thanks, you too :) 🎄 🎅
Did you solve the problem with CORS?

from react-http-request.

@hateCarrot Can I close this issue?

from react-http-request.

I'm sorry I was late. Thank you for your great help. Close this issue.
Merry Christmas & Happy new year :)

from react-http-request.