11. 中间件的基本使用

2022-12-12 13:46:35发布
34

中间件是在nuxt程序运行前,会先执行的一段代码。需要在nuxt项目的根目录中创建middleware文件夹,然后创建对应的js。如下图 :


局部中间件(在页面上使用)

export default {
  middleware: 'auth'
}

页面进入该文件之前,会先执行auth.js


全局中间件(在nuxt.config.js中配置)

router: {
    middleware: 'auth'
},

进入每个页面之前,都会执行auth.js


tips,如果有多个中间件需要被执行,则可以这样写 :

局部

export default {
  middleware: ['auth', 'auth2']
};

全局

router: {
    middleware: ['auth', 'auth2']
},