Cannot read property '$axios' of undefined nuxtjs vuex

Question

I stumbled upon this bug in my codebase and trying to see if anyone can fix it.

following is my listings/actions.js

export const fetchFeaturedListings = ({ commit }) => {
  this.$axios.get("/featured").then(response => {
    console.log(response.data.data);
    commit("listings/setFeaturedListings", response.data.data);
  });
};

I am constantly getting the following error.

Cannot read property '$axios' of undefined

I've searched everywhere, and still not able to find an answer. Hope someone can help.

Need more details like what is your environment? Webpack? Node? — jedmao
– jedmao, Commented Sep 17, 2019 at 3:58

TenshiGoan · Accepted Answer · 2019-09-17 13:30:14Z

5

For arrow function vuex can't set 'this'. Try to use standart functions.

export const fetchFeaturedListings = function({ commit }){
  this.$axios.get("/featured").then(response => {
    console.log(response.data.data);
    commit("listings/setFeaturedListings", response.data.data);
  });
};

answered Sep 17, 2019 at 13:30

TenshiGoan

5062 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jedmao Over a year ago

Yes, to be clear, every time you use an arrow function you override the this context.

jedmao · Accepted Answer · 2019-09-17 17:13:20Z

1

You're using an arrow function, which means this comes from the outer scope. If $axios doesn't exist in that outer scope, this is why you see this error.

edited Sep 17, 2019 at 17:13

answered Sep 17, 2019 at 3:47

jedmao

10.6k15 gold badges61 silver badges65 bronze badges

Comments

INCHMAN1900 · Accepted Answer · 2019-09-17 04:06:17Z

0

Just like jedmao said, you are accessing a wrong this. suggest you just import axios and use it.

answered Sep 17, 2019 at 4:06

INCHMAN1900

1352 silver badges7 bronze badges

Collectives™ on Stack Overflow

Cannot read property '$axios' of undefined nuxtjs vuex

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related