javascript - 无法在 Axios 调用之外获取值

Question

我希望您能帮助我解决我在使用 axios 时遇到的问题。

我只是想在我的通话之外获取一个值，但我无法让它工作。这是一小段代码:

 axios.get('/api/get-user').then(({ data }) => {
            this.user = data;
            console.log(this.user); //returns the correct data
            return this.user;
        });

        console.log(this.user); //returns null

这是怎么回事？我也用 let self = this 尝试过，但没有成功。希望大家能帮帮我!

Answer 1

这是异步的问题，您在 axios 请求完成之前调用 console.log。这就是我们使用 .then(res=>{}) 的原因。

另一种方法是使用异步等待。

用异步装饰你的父函数

const myFunction = async() => {
    const {data} = await axios.get('/api/get-user');
    this.user = data;
    console.log(this.user);
}

有关更多信息，请参阅 MDN，此链接是示例(我发现这对理解最有帮助)https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function#Examples