项目环境
登录页面 pages/login.vue
<template>
<div class="container">
login……
</div>
</template>
<script>
export default {
name: 'demo',
layout: 'base',
data(){
return { }
},
mounted() {},
methods: { }
}
</script>
<style scoped lang="scss">
</style>
nuxtjs 自带方法 middleware中间件
- middleware/auth.js
export default function ({stor, redirect}) {
console.log("中间件")
//return redirect('/login') //跳转登录页
}
带有权限页面使用
<template>
<div class="my">
我的
</div>
</template>
<script>
export default {
name: 'index'
middleware: 'auth',
}
</script>
<style scoped lang="scss">
</style>