小编Bro*_*ice的帖子

我对 React JS 和 Next.js 相当陌生。我之前在 Next.js 中使用 Page Router API，但后来改用 Next.js 13 中的新 App Router。

以前，使用 Page Router 时，创建单个 GET 请求的结构是将“JS”文件嵌套在page\api. 服务器自动创建路由并返回方法+数据。例如，我将导出以下函数：

export default (req, res) => {
  res.statusCode = 200
  res.json({ name: 'John Doe' })
}

现在，在 Next.js 13 上使用 App Router 和 TS，我了解到机制是不同的。API 文件夹嵌套在 app 文件夹下，您必须使用所有不同的 GET、POST （等）方法定义一个“route.ts”文件：

import { NextApiRequest } from 'next';
import React from 'react';


export async function GET (request:NextApiRequest){
    return new Response('John Doe')
} 

我在理解如何使用这个Response对象时遇到一些问题。在我的例子中，如何指定返回内容的结构{ name: 'John Doe' …

实际上，这只是从对Flexslider延迟加载的回答之后开始的，这里我使用的是下面粘贴的代码。我想更改它，以便仅在真正需要时才加载图像。

我在之前和之后尝试了其他Flexslider属性：但是它们在第一张幻灯片上造成了延迟？请给我一些帮助。

$('#slider').flexslider({
start: function (slider) {
   // lazy load
   $(slider).find("img.lazy").each(function () {
      var src = $(this).attr("data-src");
      $(this).attr("src", src).removeAttr("data-src");
   });
 }
});