Vue使用axios发起网络请求，vue组件中发起请求后并未等待结果返回就继续执行

Question

问题如题，我相信这个问题是刚开始学习的时候都会遇到的问题，我再贴一下我的具体代码

vue组件中，发起网络请求，代码如下

api 中处理方法如下

chrome中实际输出如下

我想要的结果是先输出api中logout的 ‘登出成功’ ，返回 success 给请求方，然后却并没有这样，原因我知道，异步的嘛，不过怎么改就不知道了

另外，如果只限这里的解决方案，我也知道，可能有人会叫我直接把vue组中的（也就是接收‘success’后的操作搬到logout中）操作搬到api中，这里是可以这样解决，不过以后总会遇到不适合这种解决方法的情况嘛，所以我还是希望有大佬能给个你们遇到这种情况觉得合适的解决方法

Answer 1

应该是把logout方法中的成功回调后的then方法放置于Vue组件中吧

Answer 2

logout那里return promise，组件那里用logout.then(...//这里执行你后面的操作)，或者用下async,await。

Answer 3

可以使用async函数呀

---

api.js

logout(){
    return request(...);
}

---

vue组件

methods: {
    async xxxFun(){
        const result = await this.xxx.api.logout();
    }
}