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，但效果不佳。 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 重定向不是一个函数

1 个答案: