Skip to content

配置导航守卫

一、router.js

js
vue-cli中怎么用,nuxt中就怎么用,几乎一样。

二、nuxtjs

js
    2.1 中间件 : middleware

        a>全局

            1. nuxt.config.js进行配置
                router:{
                    middleware:'auth'
                }
            2. 新建middleware/auth.js文件
                export default ()=>{
                    console.log( 'middleware' );
                }
        b>局部
            新建middleware/auth.js文件
                export default ()=>{
                    console.log( 'middleware' );
                }
            <script type="text/javascript">
            export default{
                middleware:'auth'
            }
            </script>

            或:

            <script type="text/javascript">
            export default{
                middleware(){

                }
            }
            </script>

    2.2 插件  : plugins 全局

        a> nuxt.config.js进行配置
            plugins: [
                '~/plugins/router.js'
            ]
        b> 新建plugins/router.js

            export default ({app})=>{
                app.router.beforeEach((to,from,next)=>{
                    console.log( to );
                    next();
                })
            }