Basic auth in React?

Question

React

Good day to all! in the component, in the componentDidMount method, I check the user authentication in the following way:

axios({
  url: '/remap/1.1/entity/organization',
  method: 'post', // default
  baseURL: 'https://domain-test/api/',
  // headers: {'X-Requested-With': 'XMLHttpRequest'},
  auth: {
    username: 'admin',
    password: '123456'
  },
  responseType: 'json',
  responseEncoding: 'utf8',
}).then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

in and toge error:
PS uncommented // headers: {'X-Requested-With': 'XMLHttpRequest'} , does not help (and should not)
How to fix it? the request is sent locally, and from the server the same error

Answer 1

You need to enable CORS for your local domain on your web server.
Express.js middleware example:

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();
});

Source