提取请求返回NetworkError

Question

我尝试使用JS应用程序上的提取方法从公共API获取数据。但是请求仅在我的浏览器上返回错误NetworkError when attempting to fetch resource。

我已经在CLI中直接在浏览器URL上尝试使用CURL，并且有数据。

我不太了解为什么我的提取未返回任何数据：

try {
  const request = await fetch(
    'http://www.recipepuppy.com/api/?i=onions,garlic&q=omelet&p=3',
    { method: 'GET' }
  );
  console.log(request);
} catch (err) {
  console.log(err);
}

是因为域不是https？

公共API：http://www.recipepuppy.com/api/?i=onions,garlic&q=omelet&p=3