Access to fetch at ‘http://localhost:3000/books‘ from origin ‘null‘ has been blocked by CORS policy:

最新推荐文章于 2024-05-14 10:27:29 发布
最新推荐文章于 2024-05-14 10:27:29 发布
阅读量8.4k 收藏 4
点赞数 4
文章标签： http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45575177/article/details/120590660
版权

遇到的问题：

自己本地服务器产生跨域了

 当后台设置跨域请求的时候，将这两句话写到一起的时候会产生重叠，这样的话，前端传递json数据的时候就会发生报错，如下图所示

解决方案：

在index.js文件中合并这两句话，如下图

最后再运行index.js文件，前端传送的json数据就接收到了，如下图所示

 

 

 

comebattle
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
react-解决 fetch 跨域问题：Access to fetch at XXX from origin YYY has been blocked by CORS policy
weixin_40866459的博客
11-03 5827
参考链接（对我没用）： https://blog.csdn.net/qq_41956139/article/details/106564357 https://blog.csdn.net/weixin_44415625/article/details/87607924?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.channel_param&depth_1-utm_source=d
fetch 引发 blocked by CORS policy
有关心情
02-04 1万+
fetch 引发 blocked by CORS policy 文章目录fetch 引发 blocked by CORS policy起步从一个 demo 入手后端如何解析参数流行的 json 风格参考 起步 当使用 fetch 函数做跨域请求时，大概率会在浏览器 Console 中看到这样一个错误信息：Access to fetch at 'xxx' from origin 'null' has...
proxy:HTTP请求代理，CORS跨域请求，HTTPS支持（cors-anywhere）
04-28
English | 代理人 HTTP请求代理，CORS跨域请求，HTTPS支持 功能 支持跨域请求（转换不支持跨域请求的接口），并直接启动ajax，fetch 支持HTTPS（解决远程数据接口不支持HTTPS） 用 主机/ {URL} // Copy to the console to run var $url = "wthrcdn.etouch.cn/weather_mini?citykey=101040100" ; fetch ( "https://netnr-proxy.azurewebsites.net/" + $url ) . then ( x => x . json ( ) ) . then ( console . log ) 跑步 yarn # Installation package npm start # start node app.js PORT
本地开发跨域问题：has been blocked by CORS policy: The request client is not a secure context and the resourc
最新发布
Xpy 的博客
05-14 1100
将第一项设置为 Disabled 即可。
Access to fetch at ‘http://localhost:9090/user/page?pageNum=1&pageSize=2‘ from 。。。
BiuBiu_L的博客
01-28 1112
Access to fetch at 'http://localhost:9090/user/page?pageNum=1&pageSize=2' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your n
解决前端后端的跨域问题：Access to XMLHttpRequest at ‘http://localhost:8082/admin/login‘ from origin ‘http://loca
袁的博客
09-19 6366
前后端交互的跨域问题
关于Access to fetch at xxx from origin ‘null‘ has been blocked by CORS policy: Cross origin ...的一个解
weixin_61133168的博客
11-29 1227
当我们在js中使用fetch向后端发起请求时，报了如题错误。
Access to XMLHttpRequest at 'http://localhost:3000/axios' from origin 'null' has been blocked by COR
weixin_45129940的博客
04-03 8209
解决本地服务器发生跨域时，报错：Access to XMLHttpRequest at ‘http://localhost:3000/axios’ from origin ‘null’ has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-H...
react-解决 fetch 跨域问题：Access to fetch at xxx from origin yyy has been blocked by CORS policy
热门推荐
倚树探星的博客
06-05 3万+
报错 解决 在 package.json 中添加代码 "proxy": "http://tingapi.ting.baidu.com" // 这是你要访问的域 然后重新运行，否则会报如下错误： 请求成功： 关于跨域 常用解决方法： jsonp CORS 代理 proxy 什么是跨域 常用解决方案 开发模式下：react、vue都提供了解决方案 生产模式下：jsonp、cors、iframe、postMessage、…… ...
解决跨域问题（从浏览器读取本地文件）from origin ‘null‘ has been blocked by CORS policy
m0_62172798的博客
04-26 2390
在学习d3.js的过程中，通过d3.csv()读取本地csv文件的过程中出现了跨域错误，错误如下：Access to fetch at 'file:///D:/%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%EF%BC%88%E7%A1%95%EF%BC%89/htmlcssjsvue/code/d3.js/data222.csv' from origin 'null' has been blocked by CORS policy: Cross origin requests a
关于h5中的fetch方法解读(小结)
09-27
主要介绍了关于h5中的fetch方法解读(小结),fetch身为H5中的一个新对象，他的诞生，是为了取代ajax的存在而出现,有兴趣的可以了解一下
web跨域完美解决方式
06-15
支持目前主流浏览器，解决了tomcat发布的应用跨域访问资源的问题
sudo apt-get install ethereum遇到E: Failed to fetch http://ppa.launchpad.net/, Unable to fetch some等
01-08
在Ubuntu上搭建以太坊环境时，每次到sudo apt-get install ethereum这一步都会变得巨卡无比，并且经常遇到这个问题： Err:1 ...E: Failed to fetch http://ppa.launchpad.net/ethereum/ethereum/ubuntu
Android SDK Manager解决更新时的问题 ：Failed to fetch URL…
01-20
Failed to fectch URl ... 安装使用SDK Manager更新时出现问题 Failed to fetch URL https://dl-ssl.google.com/android/repository/repository-6.xml, reason: Connection to https://dl-ssl.google.co
corsyusha:简单快速的代理，可在针对现有API进行原型设计时绕过CORS问题，而不必担心CORS
04-30
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch ...
ist的matlab代码-google-myactivity:管理Googlemyactivities（http://myactivity.g
05-26
ist的matlab代码 关于 提供一个库以从中获取条目，并提供一个实用程序以获取Google音乐收听历史记录。 安装 go get -u ...需要安装sqlite3库。...需要GoogleChrome/...Fetch activities related to google music and wri
Android SDK Manager解决更新时的问题 ：Failed to fetch URL...
09-01
本文主要介绍解决安装使用SDK Manager更新时的问题：Failed to fetch URL...,这里提供了详细的资料及解决问题办法，有需要的小伙伴可以参考下
react+axios+express+mysql显示跨域Access to XMLHttpRequest at ‘http://localhost:3000‘ from origin ‘
m0_50981596的博客
10-20 554
解决 前端出现跨域问题后，在路由里写入 res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); res.header('Access-Control-Allow-Headers', 'Conte
access to fetch at from origin has been blocked by cors policy:No access-control-allow-origin
07-28
这个错误是由于浏览器的CORS（跨域资源共享）策略引起的。浏览器默认情况下不允许跨域请求，除非服务器设置了适当的响应头。当你的请求来自一个源，而服务器的响应没有包含`Access-Control-Allow-Origin`响应头时，就会出现这个错误。 要解决这个问题，你可以在服务器端配置响应头，将`Access-Control-Allow-Origin`设置为允许请求的源。例如，如果你希望允许所有源的请求，可以设置`Access-Control-Allow-Origin: *`。如果你想限制只有特定的源可以访问，可以将该源的URL作为值进行设置。 如果你无法控制服务器响应头的设置，那么你可以尝试使用代理来绕过这个问题。通过将请求发送到你自己的服务器，然后再由服务器代理发送到目标服务器，并将响应返回给客户端，就可以解决CORS错误。 另外，还有其他一些CORS相关的响应头，如`Access-Control-Allow-Methods`和`Access-Control-Allow-Headers`等，你可能也需要根据具体情况进行配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值