Catch error in API request in vue.js

Question

I am trying to catch error in

this.$http.post('http://127.0.0.1:8000/api/address/store',address_data,{headers: {'Authorization': 'Bearer ' + this.$auth.getToken()}}).then(response => {
                    if(response.status == 422) {
                        console.log('hello')
                        console.log(response)
                    }
            })

But I can't catch in this way. Thanks.

This answer on stackoverflow will clear your doubts - stackoverflow.com/questions/43092995/… — Meet Zaveri
– Meet Zaveri, Commented Mar 13, 2018 at 5:26

Community · Accepted Answer · 2020-06-20 09:12:55Z

It looks like you are using vue-resource to make your ajax requests. I've only used axios but glancing at the docs for vue-resource looks like your error callback is the second argument for .then()

Example

this.$http.post('/someUrl', [body], [config]).then(successCallback, errorCallback);

Try this in your code

this.$http.post('http://127.0.0.1:8000/api/address/store',address_data,
  {headers: {'Authorization': 'Bearer ' + this.$auth.getToken()}})
  .then(response => {
    // success
  }, response => {
    //error
    if(response.status == 422) {
      console.log('hello')
      console.log(response)
    }
  })

Here is link to the docs: https://github.com/pagekit/vue-resource

Collectives™ on Stack Overflow

Catch error in API request in vue.js

1 Answer 1

Example

Try this in your code

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Example

Try this in your code

Comments

Linked

Related