javascript - Next.JS：无法在 getInitialProps 中调用内部 API。出现错误：读取 ECONNRESET

Question

当我在 getInitialProps 中使用内部 API 路由时，我收到此错误。

Error: read ECONNRESET
    at _errnoException (util.js:1003:13)
    at TCP.onread (net.js:620:25)

static async getInitialProps({ reduxStore }) {
    const res = await Axios.get("/api/recent/1");
    await reduxStore.dispatch({ type: LIST, payload: res.data });
    return { }
}

但如果我使用外部 API 服务器，它工作正常。

static async getInitialProps({ reduxStore }) {
    const res = await Axios.get("http://abc.herokuapp.com/api/recent/1");
    await reduxStore.dispatch({ type: LIST, payload: res.data });
    return { }
}

如果我在 componentDidMount 中调用 API，它在这两种情况下都可以正常工作，但在 getinitialProps 中，我无法处理我的 Express 服务器上的内部 API。

请帮忙！我的代码有问题吗？我正在搜索过去几个小时，但无法解决。

标签： javascriptreactjsexpressnext.js

Answer 1

您可以baseUrl从请求中提取。

async getInitialProps({ req }) {
    const protocol = req.headers['x-forwarded-proto'] || 'http'
    const baseUrl = req ? `${protocol}://${req.headers.host}` : ''

    const res = await fetch(baseUrl + '/api/recent/1')
    ...
}