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

Question

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

export default {

middleware: 'auth',

它向我返回以下警告：

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

我是前端世界的新手，我搜索过，但找不到/不明白如何在中间件调用中实现这种异步/等待语法。你能帮我吗？提前谢谢。

Answer 1

面临类似的问题。我也使用middleware: ['lang']，我遇到了这样一个错误，很长一段时间都不明白为什么会发生这种情况，如果我不更改代码中的任何内容的话。事实证明，在lang.js中，我错误地接收到了第二个自变量req

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

只有函数servermiddleware可以接受多个参数

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