美文网首页
Next.js API路由

Next.js API路由

作者: 张思学 | 来源:发表于2020-08-05 15:34 被阅读0次

API 路由为使用 Next.js 构建自己的 API 提供了一种简单的解决方案。
接触过mock的应该很好理解,就把它当做mock来用就好;

API路由不需要配置,next自带功能

pages/api 目录下的任何文件都将作为 API 端点映射到 /api/*
例如请求接口 /api/user next就会去pages/api文件夹下找到 user.js / ts 文件

export default (req, res) => {
  res.statusCode = 200
  res.setHeader('Content-Type', 'application/json')
  res.end(JSON.stringify({ name: 'John Doe' })) // 接口会返回这条数据
}

req: 一个 http.IncomingMessage 实例
res: 一个 http.ServerResponse 实例,以及一些辅助函数

要处理 API 路由的不同 HTTP 方法,可以在请求处理器中使用 req.method,如下所示:

export default (req, res) => {
  if (req.method === 'POST') {
    // Process a POST request
  } else {
    // Handle any other HTTP method
  }
}

相关文章

  • Next.js API路由

    API 路由为使用 Next.js 构建自己的 API 提供了一种简单的解决方案。接触过mock的应该很好理解,就...

  • next的路由外传

    next.js 之路由 之前我们在使用路由匹配页面的时候,分别使用了 /post?id=id来匹配 pages 下...

  • webpack 优化

    参考内容:next.js webpack refer[https://nextjs.org/docs/api-re...

  • Next.js(下)

    Next.js API 目前的页面 index和posts/indext都是HTML 但实际开发中我们需要请求/u...

  • ASP.NET Web API 2中的属性路由

    前言 路由是指Web API如何匹配到具体的动作。Web API 2支持一个新的路由类型,它被称为属性路由。正如其...

  • 冰河系统快递路由信息查询API.md

    冰河系统快递路由信息查询API用于第三方通过API查询快递路由信息 API授权请参考 冰河系统授权访问流程 冰河系...

  • 初识Laravel框架

    1、Laravel框架的路由: 因为我是写的接口,所以api路由都定义在api.php文件中了,如下图 然...

  • Swift vapor3 - API与Router

    API的通用形式 路由 一个API可以包含多个“路由”,每个“路由”看起来就像文件系统中的一个目录或文件一样。每个...

  • spring-cloud中zuul自定义service级别,ap

    主要实现对在白名单中的service级别或者api级别的网关路由。 一.service和api级别的路由 1.se...

  • 在 ASP.NET Web API 中路由 (微软官方文档)

    Routing in ASP.NET Web API(在 ASP.NET Web API 中路由) https:/...

网友评论

      本文标题:Next.js API路由

      本文链接:https://www.haomeiwen.com/subject/rzforktx.html