Передача данных в веб-сервис с помощью axios из реагирующего приложения

Question

У меня есть проект intellij, выполняющий веб-сервис в localhost: 8022.когда я запускаю этот проект и использую этот URL (http://localhost:8022/api/vi/solutionj/solutionj-requests) для публикации данных с помощью почтальона, он работает очень хорошо. Мои данные записываются в базу данных. Это просто показывает, что я могу достичь этого URL.

{
  "branchId": 1,
  "customerEmail": "john@yahoo.com",
  "firstName": "Johnny",
  "lastName": "Jacob"
}

Однако мне нужно передать эти данные из приложения реагирования, и по нажатию кнопки я вызываю функцию ниже. Я использую Axios.

Я установил точку останова в своем проекте intellij, и яЯ не могу подключиться к конечной точке. Я решил подумать, неправильно ли использую axios.

handleDatabaseStorage = (branchId, customerEmail, firstName, lastName) => {
  //webapi url
  const SOLUTIONJ_BASE_URL = `http://localhost:8022/api/vi/solutionj/solutionj-requests`;

  try {
    AXIOS_AUTHED.post(SOLUTIONJ_BASE_URL, {
      branchId: branchId,
      customerEmail: customerEmail,
      firstName: firstName,
      lastName: lastName
    });
  } catch (error) {
    console.error(error);
  }
};

Что я делаю не так в приведенном выше коде? Я не получаю никакой ошибки, и данныене записано в мою базу данных. Мне нужно знать, есть ли исключение. Мой веб-сервис ожидает все поля выше.

Answer 1

используйте вот так

const SOLUTIONJ_BASE_URL = `http://localhost:8022/api/vi/solutionj/solutionj-requests`;

let data = {
  branchId: branchId,
  customerEmail: customerEmail,
  firstName: firstName,
  lastName: lastName
}

let reqObj = {
  method:'POST',
  data:data, //above data variable
  url:SOLUTIONJ_BASE_URL    
}

axios(reqObj)
.then((res)=>{console.log(res)})
.catch((err)=>{console.log(err)})

Answer 2

Вы можете использовать .then и .catch, чтобы получить ответ об успехе и ошибке соответственно.

AXIOS_AUTHED.post(SOLUTIONJ_BASE_URL, {
  branchId: branchId,
  customerEmail: customerEmail,
  firstName: firstName,
  lastName: lastName
},{
  headers: {
    "Content-Type": "application/json"
  }
}).then(res => {
  console.log(res);
}).catch(err => {
  console.log(err);
});