在 Vue 拦截器中使用 await

Question

我如何在拦截器中使用等待？ 我试过下面的代码，但它不打印值。

http.interceptors.push(async (req, next) => {
    final value = await someAsyncFunction();
    console.log(value);
})

我也尝试了这段代码，它有效但我想使用 await 因为我需要在它之后同步执行一些代码。

http.interceptors.push(async (req, next) => {
    someAsyncFunction().then(value => console.log(value));
    executeSomethingElse();
})

Answer 1

我认为你不能在拦截器上使用匿名 function，所以你应该这样写

http.interceptors.push(async function (req, next) {
    await someAsyncFunction()
})

这是因为 Vue 无法访问后台的this属性。