如何将Next.js应用程序部署到Netlify?

时间:2020-08-17 12:43:35

标签: next.js netlify netlify-function

我目前在Next.js应用程序部署方面遇到问题。遵循了netlify博客上的指南,该指南关于如何使用netlify for Next.js创建服务器端渲染的应用程序之后,我能够成功构建,但是我的网站似乎无法正常工作。

该站点当前位于https://sleepy-murdock-8d5427.netlify.app/。错误消息将粘贴在下面。

{
"errorType": "Runtime.UnhandledPromiseRejection",
"errorMessage": "FetchError: request to http://localhost:3000/api/notes failed, reason: connect ECONNREFUSED 127.0.0.1:3000",
"trace": [
"Runtime.UnhandledPromiseRejection: FetchError: request to http://localhost:3000/api/notes failed, reason: connect ECONNREFUSED 127.0.0.1:3000",
"    at process.<anonymous> (/var/runtime/index.js:35:15)",
"    at process.emit (events.js:315:20)",
"    at processPromiseRejections (internal/process/promises.js:209:33)",
"    at processTicksAndRejections (internal/process/task_queues.js:98:32)"
]
}

1 个答案:

答案 0 :(得分:1)

Netlify只能提供静态网页。 由于这个原因,我不建议在netlify上提供ssr应用。->它将创建您的ssr应用到静态网页。因此,大多数{。{1}}和getStaticProps之类的next.js函数将不起作用。 您需要具有功能

要在netlify上提供服务端渲染应用,您必须构建并导出每页。

为此,我将这些行添加到了getStaticPaths文件中。

package.json

部署进行网络化时,您的网站应处于活动状态并呈现为静态应用程序。