Javascript Vue-Nuxt-如何在布局上调用中间件？

我已经在我的nuxt应用程序上创建了一个用于身份验证的中间件，我想在布局中调用它。 问题是，我这样称呼它：

export default {
  
  middleware: 'auth',

它给了我以下警告：

callback-based asyncData, fetch or middleware calls are deprecated. Please switch to promises or async/await syntax

我是新进入前端世界的，我搜索过，但无法找到/理解如何在我的中间件调用中实现这个异步/等待语法。你能帮助我吗？

---

提前感谢。

遇到了类似的问题。我还使用了

中间件：['lang']

，我遇到了这样一个错误，很长一段时间都无法理解为什么会发生这种情况，如果我没有更改代码中的任何内容的话。结果是在

lang.js

中，我错误地接收到了第二个参数

req

export default async function ({ isHMR, app, store }, req) {
}

只有函数

servermiddleware

可以接受多个参数

module.exports = function (req, res, next) {

---

我猜中间件文件夹中有一个名为auth.js的文件。在其中导出函数“导出默认异步函数（）{/**自定义登录返回“”；***/}aync/wait对此没有帮助