NextJS getServersideProps（）从不调用API

Question

我创建了一个NextJS页面，并且在页面内部，有getServersideProps调用API获取数据。

问题是getServersideProps永远不会调用API并返回响应错误403未经授权

nextjs NextJS正在提供来自.next文件夹的数据，并返回JSON响应，而不是调用API，它将调用此功能url http：// localhost：3000/_next/data/development/contacts.json

这是

import React, { useState, useEffect } from "react"
import {
  Card,
  CardHeader,
  CardFooter,
  Container,
  Row,
  Button
} from "reactstrap"
import AdminLayout from "../components/layouts/AdminLayout"
import PropTypes from "prop-types"
import TablePagination from "../components/common/TablePagination"
import { fetchData } from "../api"
import { toast } from "react-toastify"
import { useSession } from "../context/SessionContext"
import ProtectPage from "../hocs/ProtectPage"
import { getContacts } from "../api/contacts"
import ContactsTable from "../components/contacts/ContactsTable"

const Contacts = ({ initialContacts, initialPagination, error }) => {
  const [contacts, setContacts] = useState(initialContacts)
  const [pagination, setPagination] = useState(initialPagination)

  const session = useSession()

  const handlePagination = async (page) => {
    fetchData({
      apiMethod: () => getContacts({ page }),
      callback: (res, error) => {
        if (error || !res) {
          toast("Error loading Contacts")
        } else {
          setContacts(res.data)
          setPagination(res.pagination)
        }
        session.loadingQueue.dequeue()
      }
    })
  }

  useEffect(() => {
    setContacts(initialContacts)
    setPagination(initialPagination)
  }, [initialContacts, initialPagination])

  return (
    <AdminLayout>
      {/* Page content */}
      <Container className="mt--7" fluid>
        <Row>
          <div className="col">
            <Card className="shadow">
              <CardHeader className="border-0">
                <Row className="justify-content-between w-100 m-0">
                  <h3 className="mb-0">Contacts</h3>
                </Row>
              </CardHeader>
              <ContactsTable contacts={contacts ?? []} />
              <CardFooter className="py-4">
                <TablePagination
                  {...pagination}
                  handlePagination={handlePagination}
                />
              </CardFooter>
            </Card>
          </div>
        </Row>
      </Container>
    </AdminLayout>
  )
}

Contacts.propTypes = {
  initialContacts: PropTypes.array.isRequired,
  initialPagination: PropTypes.object.isRequired
}

export async function getServerSideProps(ctx) {
  try {
    const contactsRes = await getContacts({})
    const { data: initialContacts, pagination: initialPagination } =
      contactsRes.data
    return {
      props: {
        initialContacts,
        initialPagination
      }
    }
  } catch (error) {
    return {
      props: {
        initialContacts: [],
        initialPagination: {},
        error: true
      }
    }
  }
}

export default ProtectPage(Contacts)

我试图禁用缓存的代码，却无效。仍在提供JSON文件。

Answer 1

console.log（contactsres） in getserversideprops

或

从getServersideProps调用API（等待fetch（ your_path ）））