【问题标题】:How to get $route and $router in Nuxt SSR middleware?如何在 Nuxt SSR 中间件中获取 $route 和 $router?
【发布时间】:2021-10-20 11:05:27
【问题描述】:

我有一个带有包含中间件的页面组件的 Nuxt 应用程序。该中间件应该获取查询字符串参数,然后调用 API,然后重定向到新位置。中间件如下:

async middleware(context) {
    if (!context.$route.query.token)
    {
        const result = await context.$api.campaigns.createNewShare();
        context.$router.push({'name': 'campaigns-new', 'query': {token: result.data.token}});
    }
},

问题是路由器和路由未定义。如何在中间件中获取这些对象?

【问题讨论】:

    标签: nuxt.js middleware router


    【解决方案1】:

    我不明白如何以及为什么,但这是有效的:

    async middleware(context) {
        if (!context.route.query.token)
        {
            const result = await context.$api.campaigns.createNewShare();
            context.redirect({'name': 'campaigns-new', 'query': {token: result.data.token}});
        }
    },
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-01-28
    • 1970-01-01
    • 2022-12-28
    • 2017-12-22
    • 2022-07-03
    • 2020-04-16
    • 2021-05-07
    相关资源
    最近更新 更多