【问题标题】:Understanding how to use Node.JS fetch [duplicate]了解如何使用 Node.JS fetch [重复]
【发布时间】:2020-07-28 02:24:19
【问题描述】:

我正在使用 Node.JSfetch 以了解它的工作原理,然后使用它。

我已经安装了node-fetch 并遵循了一些教程并观看了一些有关该主题的视频,但还不是很清楚。即使显示的内容有效,我仍然有疑问。在这里,我需要尽快解决。 在浏览器中简单显示页面的方法是什么?

例如在下面的代码中,我使用 fetch 来访问我的网站 (https://mynicewebsite.example.com),可能会设置一些选项(标题 ....),然后我可以记录一个数字使用 console.log() 的信息。但是如果我只是想让网站(https://mynicewebsite.example.com)的内容在浏览器中显示,我应该如何更改代码?

就像我直接在浏览器的地址区输入地址一样。

这里是 fetch 调用的代码。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
   const makeFetchCall = async () => {
      const response = await fetch('https://mynicewebsite.com', {
         method: 'GET',
         headers: {
            'Authorization': 'Bearer blahfblahdblahzblah',
            //..... // possibly some other things
         }
      });
   }

   makeFetchCall();
</script>
</body>
</html>

【问题讨论】:

    标签: javascript node.js fetch-api node-fetch


    【解决方案1】:

    fetch 是一个 API,用于从 URL 获取一些数据并使其可用于 JavaScript。由浏览器提供给运行在网页中的JS。

    node-fetch 是一个使该 API 可用于 Node.js 的库。

    在您的代码中任何地方都没有 Node.js 的迹象。您使用的是浏览器版本,而不是node-fetch

    如果您想在浏览器中显示页面,请不要使用fetch。导航到它:

    location = "http://example.com"
    

    【讨论】:

    • 好的。很抱歉对于这个误会。我真正的项目确实是 Node JS。我写帖子的方式是使问题易于阅读和理解。我只是想知道如何通过 fetch 获得我想要的东西,仅此而已。在这一点上,我已经取得了明显的工作,但我没有得到我期望的最终显示。
    • 如果你真正的项目是Node.JS,那浏览器跟它有什么关系呢?
    • 它必须这样做,当我使用某个路线时,我看不到我所期望的。
    • 那么也许你应该问一个关于当用户从你使用的任何 HTTP 库请求特定路由时重定向的问题。你应该包括一个minimal reproducible example
    猜你喜欢
    • 2020-08-10
    • 1970-01-01
    • 2011-06-13
    • 1970-01-01
    • 1970-01-01
    • 2020-10-11
    • 1970-01-01
    • 1970-01-01
    • 2016-01-17
    相关资源
    最近更新 更多