Что-то не так, когда ответ с кодом 400 в axios

Question

Я использую Vue и Axios для создания внешнего интерфейса SPA. Когда сервер отправляет ответ с кодом 400 в CROS. Журнал консоли браузера:

(2) POST http://dev.sportx.one/api/token/ 400 (Bad Request) **This line logged twice**
Failed to load http://dev.sportx.one/api/token/: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 400.
Error: Network Error
    at e.exports (spread.js:25)
    at XMLHttpRequest.l.onerror (spread.js:25)

Как отправить запрос:

api.request({
 url: '/api/token/',
  method: 'post',
  data: {
    email: '972372527@qq.com',
    password: 'aaaaaaaA'
  }
}).catch(err=>{console.log(err)})

Сетевой инспектор браузера показывает, что было отправлено 2 запроса (OPTIONS и POST). Оба они работают как положено.

Как бы то ни было, если сервер отправит 20-кратный ответ без каких-либо ошибок. Все хорошо.

Я пытаюсь использовать тот же код в новом html-файле и загружаю только файл сценария axios. Получили те же ошибки.

Answer 1

Предварительный запрос не должен отвечать 400.

Answer 2

Вам нужно установить 'Access-Control-Allow-Origin': '*'