[Vuejs]-Cannot read property 'data' of undefined inside promise. At a very strange place

by

2👍

✅

error.response is undefined. That’s why you’re getting “Cannot read ‘data’ of undefined”.

To protect yourself from this error, I would try the following code…

        .catch(error => {
                console.log( (error.response || {}).data );
                return false;
            })

However, the underline reason why you’re not seeing the error when you remove this.store(‘hey’) is a different problem. It seems to be a scope issue. Try removing “this.”

👤cWerning

1👍

The problem is the behavior of this in arrow functions.

If you replace login: (credentials) => {} with login: function (credentials){},
then this.store('hey') should work.

👤mkl5915

0👍

Ok guys, thanks to everyone, I found all the errors in my code.
There was two of them:

  1. error.response is not defined (There’s no such property). Proper line should be
    console.log(error);.

  2. Also, because of arrow-functions behavior (scope issue), the login function couldn’t see my store function.

In fact, I got error #2 in second then statement, so that led my program inside catch statement, where was error #1.

👤Victor Gorban

Leave a comment