No 'Access-Control-Allow-Origin in reactJS

Question

I want to know how set Access-Control-Allow-Origin in axios post method at reactJS or react-native environment? I use CORS Add-ons and it works but I want to set it in the header too, I try these ways but none of them does not work.

axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';

and

let axiosConfig = {
  headers: {
    'method':'POST',
    'X-Requested-With': 'XMLHttpRequest',
    'Content-Type': 'application/x-www-form-urlencoded',
    'Access-Control-Allow-Origin': '*',
  }
};

You don't. That header is sent by the server. Look up CORS and how you set it depends on what the backend is. — Rory, Jul 29 '18 at 05:42
Yes, I use it in UI, back-end written in Php. But, what if it does not set in back-end? what can I do then? — Moein Hosseini, Jul 29 '18 at 06:03
I got my answer, Apparently, from UI we can't access to CORS unless we build our server, am I right? — Moein Hosseini, Jul 29 '18 at 06:30

score 1 · Accepted Answer · edited Mar 29 '20 at 16:06

You need to enable cross origin request at your server end. A snippet of how you can do it using Express would be as follows

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

This would enable all requests to support CORS. Adapt it as per your requirements.

Check this link for more information if you can not change the server.

No 'Access-Control-Allow-Origin in reactJS

1 Answers1

Linked