如何在vuex的action里 調(diào)用axios的promise方法并return出去方便組件調(diào)用

首先axios方法得到的是一個(gè)promise，所以你只要在actions的login里return axios()就行了

state: {
    userList: [],
},
mutations: {
    // 簡(jiǎn)化mutatios的代碼量
    updateData(state, data) {
        state[data.key] = data.value;
    }
},
actions:{      
   getUserList: async function(contex) {
        let value = await axios('you api url').then(res => res.data);
        contex.commit("updateData", {
            key: "userList",
            value
        });
    }
 }

上面是一個(gè)直接更新到store的一個(gè)例子，如果要返回可以像下面這樣，在組件里面可以同步使用返回的數(shù)據(jù)：

// actions.js
getUserList: async function(contex) {
    let value = await axios('you api url').then(res => res.data);
    return value;
}


// ***.vue

methods:{
    ...mapActions(["getUserList"]),
    getData(){
        const userList = this.getUserList();
        // 后續(xù)的處理
    }
}

如果要想把回調(diào)寫(xiě)在組件里面就應(yīng)該是這樣：

// actions.js
getUserList(contex) {
    return axios('you api url').then(res => res.data);
}

// ***.vue

methods:{
    ...mapActions(["getUserList"]),
    getDataAsync(){
        this.getUserList().then(res=>{
            // 后續(xù)的處理
        });
    },
    getDataSync:async function(){
        const data = await this.getUserList().then(res=>res.data);
        // 后續(xù)的處理
    }
}

對(duì)于題主的問(wèn)題，建議在更新store.state，如果只是一個(gè)ajax請(qǐng)求，其返回的數(shù)據(jù)不在組件間共享，那么可以直接寫(xiě)在組件內(nèi)部，不用走vuex。