在promise函数中使用api调用

Question

I'm not fully understanding how promises work. I made a function that executes an api call that uses a promise.

function getSomeData(email, password) {
    axios.post('SomeURL/login', {
    email: email,
    password: password
  })
}

Whenever this function fires i can get the data that i want. But whenever an error occurs the error will show up within the .then() call rather then the .catch()

getSomeData().then(data => {
  console.log(data)
}) 

How can i make sure that, when i call .catch() it will show my error there instead of in the .then()

Answer 1

You need to return the promise like this:

function getSomeData(email, password) {
    return axios.post('SomeURL/login', {
        email: email,
        password: password
    })
}

Then it should be working (if the axios.post call returns promise).

Answer 2

You can use an if statement to handle business logic errors. Then the catch error will handle server errors.

function getSomeData(email, password) {

  return axios.post('SomeURL/login', {
    email: email,
    password: password
  })
  .then(response => {
    if (response.statusText === 'OK') {
      // LOGIN SUCCESS
      // Do something with the login result
    } else {
      // LOGIN FAILURE, but not server failure
      // Redirect to login page, and give a message
    }
  })
  .catch(error => {
    console.log(error)
  // API is down
  })
}