📌  相关文章
📜  Next.js-Api路线

📅  最后修改于: 2020-10-22 06:47:32             🧑  作者: Mango

API Routes是使用Next.js创建其余API的一种方式。 Next.js映射/ pages / api文件夹中存在的任何文件，并将其视为API端点。 API函数的示例-

export default (req, res) => {
   ...
}

以下是需要考虑的一些重要点。

  • req -req是http.IncomingMessage的实例，用于从请求中获取数据。

  • res -res是http.ServerResponse的一个实例，用于发送数据作为响应。

让我们创建一个示例来演示相同的内容。

在此示例中，我们将在pages / api目录中创建一个user.js。

让我们更新“全局CSS支持”一章中使用的nextjs项目。

如下在pages / api目录中创建user.js文件。

export default (req, res) => {
   res.statusCode = 200
   res.setHeader('Content-Type', 'application/json')
   res.end(JSON.stringify({ name: 'Robert' }))
}

启动Next.js服务器

运行以下命令以启动服务器-。

npm run dev

> nextjs@1.0.0 dev D:\Node\nextjs
> next

ready - started server on http://localhost:3000
info  - Loaded env from D:\Node\nextjs\.env.local
event - compiled successfully
event - build page: /api/user
wait  - compiling...
event - compiled successfully
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully

验证输出

在浏览器中打开localhost：3000 / api / user，您将看到以下输出。

{"name":"Robert"}