Next.js API |在生产服务器上获取数据 | URL 路径

Posted

技术标签:

【中文标题】Next.js API |在生产服务器上获取数据 | URL 路径【英文标题】:Next.js API | fetch data on Production Server | URL-path 【发布时间】:2021-05-30 21:42:52 【问题描述】:

谁能解释一下如何在生产服务器中使用下一个 API? 在我的本地工作一切正常,但在部署到 vercel 时,出现此错误:

FetchError: request to http://localhost:3000/api/notes failed, reason: connect ECONNREFUSED 127.0.0.1:3000

我没有完全访问他们的服务器和端口是有道理的...但我在我的应用程序中尝试了仅const res = await fetch('/api/notes'); 但得到了TypeError: Only absolute URLs are supported

所以我应该为此使用我的静态 DNS 吗?但是从本地主机提取数据会更容易,更快,而不是上网然后在服务器上返回数据后......不要得到它

【问题讨论】:

***.com/questions/44342226/… 这能回答你的问题吗? 一半,谢谢 - ***.com/a/44344023/8780756 但是,这仍然会上升到互联网 DNS /api/path,然后返回服务器。不过,不明白为什么不使用本地服务器 URL。 【参考方案1】:

您需要添加您加入的服务器的路径才能部署。示例:

const res = await fetch('https://mynextapp.vercel.app/api/notes');

【讨论】:

请添加更多详细信息以扩展您的答案,例如工作代码或文档引用。

以上是关于Next.js API |在生产服务器上获取数据 | URL 路径的主要内容,如果未能解决你的问题,请参考以下文章

Firebase + Next.js 无服务器,在 GCP 上 - 如何管理登台、生产 + 本地

Next.js,Redux 应用程序在 localhost 上运行良好,但不能在生产服务器上运行

服务器端渲染不适用于生产构建 Next.js

如何处理调用 API 的 Next.js 中动态路由的未找到 404?

如何构建 next.js 生产?

Next.js - 页脚/页眉仅通过 API 加载一次,服务器端