如何在Vuex的actions中使用axios获取RestAPI数据？

npm install axios vuex --save

import axios from 'axios';

const actions = {
  fetchData({ commit }) {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 在这里对获取到的数据进行处理
        commit('SET_DATA', response.data);
      })
      .catch(error => {
        console.error(error);
      });
  }
};

export default actions;

const mutations = {
  SET_DATA(state, data) {
    state.data = data;
  }
};

export default mutations;

import { mapActions } from 'vuex';

export default {
  methods: {
    ...mapActions(['fetchData']),
    fetchData() {
      this.fetchData();
    }
  }
};

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['data'])
  }
};