NextJS错误:您的` `getServerSideProps`‘函数没有返回一个对象

Question

我有一份类似于编辑的申请。带有postgres的节点/快递TypeORM服务器位于Heroku上。带有Next.js的客户端在Vercel上。注册、评论、上票/反对票都很好。当我尝试创建一个新的社区时，我会得到以下错误：

502: BAD_GATEWAY代码: NO_RESPONSE_FROM_FUNCTION ID: cdg1 1：：lrlvg-1612986052014-c0b0a2cd09ac

在Vercel函数日志或终端的PC上，我得到一个错误：

错误:您的getServerSideProps函数没有返回对象。你忘记添加return了吗？

守则：

export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
  try {
    const cookie = req.headers.cookie
    if (!cookie) throw new Error('Missing auth token cookie')

    await Axios.get('/auth/me', { headers: { cookie } })

    return { props: {} }
  } catch (err) {
    res.writeHead(307, { Location: '/login' }).end()
  }
  
}

当我在PC上运行客户机和服务器时，它可以工作，但在部署时，我会得到上面的错误。

Answer 1

在Next.js 10中，getServerSideProps支持为此目的返回一个redirect对象--这也解决了通过显式返回对象而产生的错误。

export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
    try {
        const cookie = req.headers.cookie
        
        if (!cookie) throw new Error('Missing auth token cookie')

        await Axios.get('/auth/me', { headers: { cookie } })

        return { props: {} }
    } catch (err) {
        // Handle error

        return {
            redirect: {
                destination: '/login',
                statusCode: 307
            }
        }
    }
}

Answer 2

抓不回来了。你能做到的

res.writeHead(307, { Location: '/login' }).end()
return { props: {ok: false, reason: "some error description for your own consumption, not for client side"}

类似地，在try块中，您可能也想要res.writeHead(200)并将一些数据推送到服务器？

我不太清楚为什么在成功的情况下，将数据作为函数返回值返回，而如果失败，则通过HTTP发送错误。我认为这可能是您的失败点，双方都应该返回HTTP或函数返回值，或者两者都返回，而不是一对一地返回另一方。