程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何解决Fetch API中的CORS问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何解决Fetch API中的CORS问题?

开发过程中遇到如何解决Fetch API中的CORS问题的问题如何解决?下面主要结合日常开发的经验,给出你关于如何解决Fetch API中的CORS问题的解决方法建议,希望对你解决如何解决Fetch API中的CORS问题有所启发或帮助;

该API似乎是允许的,以 Access-Control-Allow-Origin:*

我还没有弄清楚是什么原因导致了您的问题,但是我认为这不仅仅是fetchAPI。

对于Firefox和Chrome来说,这对我来说都很好…

fetch('http://ip-API.com/Json')
   .then( response => response.Json() )
   .then( data => console.log(data) )

解决方法

我正在使用Reactjs构建仅前端的基本Weather App。对于API请求,我正在使用Fetch
API。在我的应用程序中,我从找到的简单API获取当前位置,并将该位置作为JSON对象给出。但是,当我通过Fetch API请求它时,出现了此错误。

Failed to load http://ip-api.com/json: request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.

因此,我进行了搜索,找到了解决此问题的多种解决方案。

  1. 在Chrome中启用CORS可以解决该错误,但是当我在Heroku上部署该应用程序时,如何通过移动设备访问它而又不会遇到相同的CORS问题。
  2. 我找到了启用CORS请求的代理API。但这是一个位置请求,因此可以给我代理服务器的位置。因此,这不是解决方案。
  3. 我已经解决了这个,并将标头添加到我的http请求中的标头中,但是它不能解决问题。(仍然会给出相同的错误)。

那么,如何才能永久解决该问题?我可以用来解决Fetch API中http请求的CORS问题的最佳解决方案是什么?

大佬总结

以上是大佬教程为你收集整理的如何解决Fetch API中的CORS问题全部内容,希望文章能够帮你解决如何解决Fetch API中的CORS问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。