fetcherror：请求http：// localhost：1337/api/products失败，原因：连接econnrefuse 127.0.0.1：1337

Question

我正在尝试使用Next.js和strapi建立一个电子商务网站。每当我尝试从strapi到Next.js的数据时，我总是会遇到错误： -

FetchError: request to http://localhost:1337/api/products?populate=* failed, reason: connect ECONNREFUSED 127.0.0.1:1337

？pupulate = *链接是接收所有数据，我也尝试了。

这就是我请求数据的方式： -

export async function getServerSideProps() {
  let data = await fetch('http://localhost:1337/api/products?populate=*', {
    method: 'GET',
    headers: {
      'Authorization': 'Bearer api-token',
    },
 });
 let products = await data.json();
 return {
   props: { products },
 };
}

我读了许多类似的问题，但找不到任何问题。我已经检查了很多次，但仍然没有工作。但是，当我使用 Thunder Client 使用相同的API令牌提出请求时，它给了我一个状态：200 ，我也会收到数据以JSON格式没有任何错误。 已经有几个小时了，一切看起来都不错，但仍然无法正常工作。

Answer 1

将“ localhost”更改为“ 127.0.0.1”将其修复给我

参考：

strapi fetcherror：请求http：// localhost：1337/api/events失败，原因：Connect Econnrefused :: 1：1：1337

Answer 2

首先，当您从NextJS API获取时，您不会拨打完整的URL（即“ Local -Host”），您只需使用/api/More/More/params 启动

export async function getServerSideProps() {
  // next api routes use a proxy under the hood,
  // so you just need to call `/api/` then the rest of the params :)
  let data = await fetch('/api/products?populate=*', {
    method: 'GET',
    headers: {
      'Authorization': 'Bearer api-token',
    },
 });
 let products = await data.json();
 return {
   props: { products },
 };
}

调用首先值得阅读（很可能会回答您的问题） -api-routes“ rel =” nofollow noreferrer”>文档 getserversideprops

当您想从服务器获取数据时，可以访问API路由，然后从GetServersideProps调用API路由。这是一种不必要且效率低下的方法，因为这将导致由于在服务器上运行的geterversideprops和API路由而引起额外的请求。

尽管这可能并不能完全解决问题，但鉴于当时缺乏更多细节，这两个建议肯定应该是一个良好的开始，并让我们开始解决这个问题！