Nuxt服务器中间件重定向不是函数 [英] Nuxt serverMiddleware redirect is not a function

问题描述

我想在一个路由的serverMiddleware中重定向，但它显示重定向不是函数

编码：

export default function (req, res, next) {
  // req is the Node.js http request object
    const vuex = req.headers.cookie.slice(5);
    if (vuex.includes("auth%22:true")) {
        res.redirect(301, '/campaigns')
    }
    next()
}

我也尝试使用res.writeHead，但它不起作用。res.writeHead显示以下错误消息： Cannot set headers after they are sent to the client，如果我将next()放在Else语句中，它会显示The page isn’t redirecting properly

编码：

export default function (req, res, next) {
  // req is the Node.js http request object
    const vuex = req.headers.cookie.slice(5);
    if (vuex.includes("auth%22:true")) {
        res.writeHead(301, {
          Location: '/campaigns'
        })
        res.end()
    } else {
        next()
    }
}

推荐答案

您必须先将Cookie中的信息存储到Vuex中，然后在服务器中间件中处理它

store/index.js

const cookieFromRequest = (request, key) => {
    if (!request.headers.cookie) {
        return;
    }
    const cookie = request.headers.cookie.split(';').find(
        c => c.trim().startsWith(`${key}=`)
    );
    if (cookie) {
        return cookie.split('=')[1];
    }
}

export const actions = {
    nuxtServerInit({ commit, dispatch, route }, { req }){
        const token = cookieFromRequest(req, 'token');
        if (!!token) {
            commit('auth/setToken', token);
        }
    }
};

store/auth.js

export const state = () => ({
    token: null
});

export const mutations = {
    setToken(state, token){
        state.token = token;
    }
}

然后您可以从中间件中的Cookie获取信息

export default function ({ store, redirect }) {
    const token = store.state.auth.token;
    if (!!token) {
        redirect('/campaigns');
    }
}

这篇关于Nuxt服务器中间件重定向不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！