colinox/FED-Notes

NUXT中间件使用方法

Opened this issue · 0 comments

NUXT中间件使用方法

1.在middleware目录下添加中间件文件

user-agent.js

export default function (context) {
    context.userAgent = process.server ? context.req.headers['user-agent'] : navigator.userAgent
}

2.nuxt.config.js文件中添加中间件配置

export default {
    router: {
        middleware: ['user-agent']
    }
}

3.在路由文件中调用该方法

export default {
    asyncData({ store, route, userAgent }) {
        return {
            userAgent
        }
    }
}