Basic auth in React?

Question

[faleaksey]

Всем доброго времени суток! в компоненте, в методе componentDidMount проверяю аутентификацию пользователя сдедующим образом:

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

в и тоге ошибка:
P.S. раскоментировал // headers: {'X-Requested-With': 'XMLHttpRequest'} , не помагает(да и не должно)
Как исправить? запрос посылается локально, да и с сервера такая же ошибка

Comments

[Роман Александрович]

это проблема на стороне самого сервера. api разрабам надо писать.

[Дмитрий]

Роман Александрович, Почему проблема? Может CORS сознательно оставлен?

[Роман Александрович]

Дмитрий, возможно сознательно в любом случае что бы узнать придется писать разрабам.

[Антон Спирин]

Дмитрий, если сервер писали не вы, то в первую очередь спрашивать надо у человека, который его писал, а не тут.
Если кроссдоменные запросы запрещены сознательно, то вы можете использовать проксирование, webpack-dev-server это позволяет.

Answer 1

[camoo]

Тебе необходимо разрешить CORS для своего локального домена на своем веб-сервере.

Пример middleware для express.js:

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