新建中間件

middleware\auth.js

// 定義權限判斷中間件，中間件的第一個參數是context
export default ({store, redirect}) => {console.log("中間件被調用")// if (!store || !store.state.userinfo) {//     redirect("/")// }
}

頁面使用中間件

pages\users\index.vue

<template><div>用戶首頁</div>
</template><script>
export default {middleware: "auth"
};
</script><style lang="scss" scoped></style>

布局使用中間件

layouts\blog\index.vue

<template><div><div>測試標題</div><nuxt></nuxt></div>
</template>><script>
export default {middleware: "auth"
}
</script><style></style>

全局使用中間件

nuxt.config.js

export default {router: {middleware: "auth"}
}