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

时间:2020-11-06 14:26:45

标签: javascript vue.js async-await frontend nuxt.js

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

export default {
  
  middleware: 'auth',

它向我返回以下警告:

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

我是前端世界的新手,我进行了搜索,但找不到/不了解如何在中间件调用中实现这种异步/等待语法。你能帮助我吗? 预先感谢。

1 个答案:

答案 0 :(得分:2)

遇到类似问题。我也使用middleware: ['lang'],但是我没有更改任何代码,却出现了这样的错误,并且很长一段时间无法理解为什么会发生这种情况。原来,在lang.js中,我错误地收到了第二个参数req

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

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

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