Метод Post с Axios, выдающий ошибку 404. ReactJS

Question

У меня проблема с axios.js, я пытаюсь использовать метод POST, но он дает error 404, и я не знаю, что делать, ошибка:

> POST http://localhost:3000/api/match 404 (Not Found)
> createError.js:16 Uncaught (in promise) Error: Request failed with status code 404
    at createError (createError.js:16)
    at settle (settle.js:18)
    at XMLHttpRequest.handleLoad (xhr.js:77)

Мой код сpost:

teste = () => {
  console.log('login clicked')
  let data = JSON.stringify({
    password: this.state.password,
    username: this.state.email
  })

  axios.post('api/match', data, {
    headers: {
      'Content-Type': 'application/json',
    }
  })
}

То же самое, если я буду использовать это:

axios.post('http://localhost:3001/api/match', data, {
  headers: {
    'Content-Type': 'application/json',
  }
})

My package.json:

"proxy": "http://localhost:3001/"

Кто-то знает, почему выдает эту ошибку?????Я смотрю, что он дает URL-адрес приложения React, а не сервера ..

Кто-нибудь, помогите мне, пожалуйста?

Answer 1

Попробуйте изменить api/match на /api/match в вашем первом axios.post.Возможная причина, по которой ваш второй пост-запрос с полным URL-адресом не работает, может быть CORS.Существует замечательный пакет cors , который можно добавить в свое бэкэнд-приложение с помощью двух строк кода.

Answer 2

Ошибка говорит, в основном, у вас нет http-сервера, работающего на localhost: 3000 с маршрутом /api/match.

Работает ли http-сервер?