Nuxt serverMiddleware 重定向不是函数

Question

我想在 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 给我这个错误信息： 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()
    }
}

Answer 1

你必须先将信息从 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 serverMiddleware 重定向不是函数

Nuxt serverMiddleware redirect is not a function

middleware

nuxt.js