javascript - 包装 getServerSideProps 抛出异常

Question

我正在尝试包装 getServersideProps使用身份验证处理程序函数，但不断收到此错误:TypeError: getServerSideProps is not a function我的包装看起来像这样:

export async function protect(gssp) {
    return async (context) => {
        const {req, res} = context;
        const auth = await authHandler(req);
        if (!auth.authenticated) {
            res.statusCode = 302;
            res.setHeader('Location', '/');
            return;
        }
        context.auth = auth;
        return await gssp(context);
    }
}

在页面上，getServerSideProps 如下所示:

export const getServerSideProps = protect(async function(context) {
    return {
        props: {
            auth: context.auth
        }
    }
})

Answer 1

来电protect(...)实际上返回一个 promise ，而不是一个函数，因为你明确地将它声明为 async .要解决此问题，您只需从该函数中删除异步即可。

export function protect(gssp) {
    // Remaining code untouched
}