美文网首页前端技术
Next.js 二 数据请求

Next.js 二 数据请求

作者: 吴摩西 | 来源:发表于2023-05-14 11:11 被阅读0次

前端数据请求，可以沿用 React 常用的方式，例如使用 axios, fetch 或者 useSWR 或 React Fetch。

在后端进行响应时，需要遵循 router-handler。

image.png

实际上，Next JS 并不 care 具体的目录结构如何，关键是在 route.js 中定义对应的函数处理：

import { NextRequest, NextResponse } from 'next/server';

export async function GET(request: NextRequest) {
  return NextResponse.json(
    { name: "John Doe", url: request.url },
    { status: 200 }
  );
}

需要看到的是

  1. 此函数有特定的签名，例如 GET, POST。
  2. 可以对不同的 url 做不同的响应，也可以将不同的 url 安排在不同的目录。
  3. 需要特定的返回，否则拿不到响应。

相关文章

网友评论

    本文标题：Next.js 二 数据请求

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

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    前端技术

    关于我们|服务条款|联系我们|Next.js 二 数据请求|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！