javascript-在 Nextjs 中未发送响应即可解析 API

我必须在我的nextjs项目中做同样的更改，因为我的enpoint API不支持很多调用，我想每3分钟刷新一次原始数据。

我从nextjs实现了API：我创建了一个pages/api/data在里面，我调用我的端点，在我的getInitialProps对数据文件的内部索引调用。

get工作正常，但我有两个问题：

1:我收到一条警告信息，上面写着：

API解析时未发送对/API/数据的响应，这可能会导致请求暂停。

2:3分钟后不会重新加载数据。我认为这是因为缓存控制值......

这是我的代码：

页面/api/数据

import { getData } from "../../helper";

export default async function(req, res) {
  getData()
    .then(response => {
      res.statusCode = 200
      res.setHeader('Content-Type', 'application/json');
      res.setHeader('Cache-Control', 'max-age=180000');
      res.end(JSON.stringify(response))
    })
    .catch(error => {
      res.json(error);
      next();
    });
};

页面/索引

import React, { useState, useEffect } from "react";
import fetch from 'isomorphic-unfetch'

const Index = props => {

  return (
    <>Hello World</>
  );
};

 Index.getInitialProps = async ({ res }) => {
  const response = await fetch('http://localhost:3000/api/data')
  const users = await response.json()
  return { users }
};

export default Index;