vuex - 无法读取未定义的 nuxtjs vuex 的属性 '$axios'

Question

我在我的代码库中偶然发现了这个错误，并试图看看是否有人可以修复它。

以下是我的 listings/actions.js

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

我经常收到以下错误。

无法读取未定义的属性“$axios”

我到处搜索，仍然找不到答案。希望有人能帮忙。

Answer 1

对于箭头函数，vuex 不能设置 'this'。尝试使用标准函数。

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