Javascript fetch 返回 200 但没有数据

2024-03-03

我需要在下拉菜单中显示世界上所有国家/地区。 所以我找到了这个api端点端点链接 https://restcountries.eu/rest/v1/all。当我在网络浏览器中复制并粘贴此端点链接时,我收到了包含所有数据的响应。 (国家);

当我尝试将其嵌入到项目中时。

getCountries() {
      try {
       
        fetch(`https://restcountries.eu/rest/v1/all`).then(data =>
          console.log(data)
        );
        
      } catch (error) {
        console.log("HERE ERROR COMES", error);
      }
    }

It does go to then block of the fetch method. But gives me the output enter image description here

这里没有什么叫做数据。即使我也得到了成功的回应。 为什么会发生这种情况?这与 cors 错误有关吗?


您可以按如下方式使用:

let url = 'https://restcountries.eu/rest/v1/all';

fetch(url)
.then(res => res.json())
.then((data) => {
  console.log(data);
})
.catch(err => { throw err });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript fetch 返回 200 但没有数据 的相关文章

随机推荐

  • 如何将 { 和 } 放入格式字符串中[重复]

    这个问题在这里已经有答案了 我试图在运行时生成一些代码 在其中放入一些样板内容 并允许用户输入实际的工作代码 我的样板代码看起来像这样 using System public class ClassName public double Th
  • 为什么有人声称 Java 的泛型实现很糟糕?

    我偶尔听说 Java 在泛型方面做得不太好 最近的参考 here https stackoverflow com questions 457822 what are the things java got right 请原谅我的经验不足 但
  • 具有动态范围和 customOrder excel 的排序宏

    我正在尝试制作一个多级排序宏 而行数是动态的 我一直在摆弄一些测试数据来尝试让它工作 但是我不断从 Excel 中收到 1004 运行时错误 希望第二双眼睛能帮助解决这个问题 这是测试数据 A B C D Num Status Junk J
  • 检查接收者是否拿起电话

    在 Android 中 我需要确定接听电话是否已接听 这似乎不可能 因为 TelephonyManager 不提供该状态 其他人建议查看通话记录列表并检查最后呼叫号码的持续时间 这不太好 因为最后拨打的号码可能是几小时或几天前 还有其他建议
  • 禁用 Webpack 的捆绑

    我想使用 webpack 作为 typescript 构建工具 这样每个 typescript 文件都会被翻译成 1 个 js 文件 webpack 指南有这样的配置 module exports entry app tsx module
  • 带有动画 GIF 的 TGIFImage - 事件不起作用 - 如何检测动画进度?

    德尔福的TGIFImage有以下事件 OnPaint OnAfterPaint OnLoop OnEndPaint 但在显示动画 GIF 时 这些事件都不会被调用 我使用以下代码来显示动画 GIF FGif Image1 Picture G
  • 什么是白名单和黑名单数据?

    我正在阅读有关 XPCOM 组件开发的内容 我遇到了这些称为白名单数据和黑名单数据的术语 我试图在谷歌上查找 但无法找到 我不知道它与编程有何关系 所以如果我把问题放在错误的地方 请原谅我 白名单和黑名单是过滤数据的两种方式 如果您有白名单
  • 回调与 lambda

    假设我有以下代码想要重构 int toFuture precalc int calc 5 foobar x 3 postcalc return calc int toPast precalc int calc 5 foobar y 9 po
  • WPF 4.5 父子行为是否发生了变化:我们现在可以毫无例外地向另一个父级添加一个子级?

    在 Net 4 0 中 以下代码抛出InvalidOperationException与消息 指定的元素已经是另一个元素的逻辑子元素 首先断开它 var parent new System Windows Controls ContentC
  • .gitlab-ci.yml 错误:“apk:找不到命令”

    我有以下内容 gitlab ci yml file image docker services docker dind stages test build deploy test stage test before script apk a
  • 在这种情况下溢出意味着什么?

    我找到了一种以模数相乘的算法 下一个伪代码取自维基百科 页面模指数 部分从右到左的二进制方法 完整的伪代码是 function modular pow base exponent modulus Assert modulus 1 modul
  • Vuetify 没有 vue-cli sass/scss 冲突

    我需要将 vuetify 集成到一个无法使用 vue cli 且具有以下 css sass webpack 配置的项目中 test s ac ss use MiniCssExtractPlugin loader loader css loa
  • 在 C# if 语句中检查多个布尔条件的最佳方法

    我的代码 C 中有 3 个布尔值和一个int32取决于布尔值的属性true and false 除了 if 语句之外 以另一种方式实现此目的的最佳方法是什么 if a b c d 1 if a b c d 2 etc ect 编辑 这 3
  • 在 Spring Data JPA 中使用 Java 配置进行审计

    Java 配置是Spring Data 1 2 0 版本中引入 http blog springsource org 2012 10 15 spring data release train arrived 但我不知道java配置如何
  • Windows 上的“catalina.out”在哪里?

    我在 Linux 机器上有一个 tomcat 我可以可视化 catalina out 文件 我想将我的开发环境 Eclipse IDE JDK 6 Tomcat 6 等 从 Linux 迁移到 Windows 一切正常 但是 我在 Wind
  • 我可以使用 JavaScript 或 HTML 打开 IE 10 兼容性视图吗?

    如何在 Javascript 或 HTML 中以编程方式打开 IE 10 兼容性视图 我刚刚在其中添加了以下元标记标签 但它不起作用 有没有办法在 JS 中做同样的事情 我查了msdn上的兼容模式文章 here http msdn micr
  • Excel 中的动态数据验证(非 VBA!)[关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 I got n持有的类别m产品 该列表未排序 例如如下 现在这就是我基本上想用这个列表做的事情 下拉菜单 数据验证 动态存储第一列的每个唯一值的列表
  • Scala String 与 java.lang.String - 类型推断

    在 REPL 中 我定义了一个函数 请注意返回类型 scala gt def next i List String i map 0 i reverse map 1 next i List String List java lang Stri
  • 泛型:访问新成员,而不是隐藏成员

    我遇到了泛型和新成员的问题 我编写了一个对 ObjectA 类型的对象进行操作的泛型类 ObjectB 派生自ObjectA 并隐藏了ObjectA 的一些成员 当我提供 ObjectB 的类型作为泛型类的类型参数时 我希望当我调用 Obj
  • Javascript fetch 返回 200 但没有数据

    我需要在下拉菜单中显示世界上所有国家 地区 所以我找到了这个api端点端点链接 https restcountries eu rest v1 all 当我在网络浏览器中复制并粘贴此端点链接时 我收到了包含所有数据的响应 国家 当我尝试将其嵌