webpack fetch 提示错误 No 'Access-Control-Allow-Origin' header is present on the requested resource.
webpack fetch 提示错误 No 'Access-Control-Allow-Origin' header is present on the requested resource.
我与梦想有个约会
发布于 2023-10-21 14:52:29
发布于 2023-10-21 14:52:29
Fetch API cannot load http://v.juhe.cn/toutiao/index?type=&key=9ac9a526985bbd20fa150784********. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.这个错误困扰了我很久，导致无法从网络获取数据，现在很多接口都是 json 或 jsonp 的方式，如果不能用 fetch 或者一些网络请求的方法，简直太受罪了，有些朋友的解决方法是把数据放到自己的服务器上来处理，这莫名的是给自己增加工作量，直到我看到了这篇文章，终于将这个难题解决：http://www.jianshu.com/p/19a6aefca350
根据文章的提示，我在 webpack 的配置文件中，增加了我常用的一些数据请求的地址：
随后在请求数据的时候，根据文章的提示将源地址修改为 localhost:8080 便顺利的解决了问题。
在这里要感谢作者帮我们解决了这一大难题，难得的是作者将问题剖析的非常透彻，这种分享解决问题思路的精神非常值得我们学习。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-07-19，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读