【问题标题】:How to deploy a js web app that fetches data from an api如何部署从 api 获取数据的 js web 应用程序
【发布时间】:2021-10-06 04:09:04
【问题描述】:

如何部署使用 API 的 js Web 应用程序。 我在 netlify 上托管了它,但它没有获取数据。

在本地主机上一切正常。 链接:hiuhu-theatre.netlify.app

【问题讨论】:

    标签: imdb


    【解决方案1】:

    在Firefox中你可以看到getMovies发出的请求被阻塞,控制台显示原因,它链接到this URL

    基本上,当您在网站中通过 https 时,您会尝试对该请求使用 http 协议。

    要解决这个问题,只需将“http://www.omdbapi.com/”改为以“https://”开头。

    此外,如果可以,请不要将 API 密钥添加到客户端代码中,否则任何人都可以窃取并自己使用它(这可能会让您为服务支付更多费用或达到您真正快速的限制),而是向您的后端服务器发出请求,以便它在隐藏 API 密钥的同时获取数据。

    它在本地工作,因为您也在本地使用 http。

    我已经覆盖了浏览器中的getMovies 函数以使用httpsit worked nicely

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-11-14
      • 1970-01-01
      • 2017-09-29
      • 2010-12-31
      • 2017-03-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多