在vuex中利用axios请求数据，放入组件中，组件拿不到数据

下面是我的store内的js代码

import axios from 'axios'
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const actions={
    getDisheList(context){
        axios({
            method:'get',
            url:"http://localhost:8080/dishe/getAllDishe"
        }).then(
            response=>{
                context.commit('getDisheList',response.data)
            },
            error=>{
                this.getDishesList()
            }
        )
    }
}
const mutations={
    getDisheList(state,data){
        state.dishesList=data
    }
}
const state={
    dishesList:''
}
const getters={
}

export default new Vuex.Store({
    actions,
    mutations,
    state,
    getters
})

 上面主要是通过axios将dishesList请求到，然后通过mutations修改state内的dishesList

然后在组件内通过mounted钩子，调用getDisheList,来让组件获取dishesList