has been blocked by ORs policy: No 'Acces5-Control-Allow-0rigin'header is present on the requested resource
时间: 2023-11-15 17:02:17 浏览: 68
这个错误通常是由于浏览器的安全策略所引起的。当你在一个网站上请求另一个网站的资源时,浏览器会检查该资源的响应头中是否包含了Access-Control-Allow-Origin字段。如果没有包含,浏览器就会拒绝该请求,从而导致这个错误的出现。为了解决这个问题,你可以在响应头中添加Access-Control-Allow-Origin字段,以允许跨域请求。具体的方法可以参考引用和引用中的内容。
相关问题
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
问题的报错信息是:has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 这个错误通常在进行跨域请求时出现。跨域请求是指在一个域下的页面请求另一个域下的资源,由于同源策略的限制,浏览器会阻止这样的请求。具体错误信息说明了请求中缺少了Access-Control-Allow-Origin请求头,导致请求被阻止。解决这个问题的方法是在服务端的响应中添加Access-Control-Allow-Origin请求头,并设置合适的值来允许跨域请求。如果是简单的跨域请求,可以在相应的请求路径映射的方法中通过设置response的头部信息来添加Access-Control-Allow-Origin请求头,比如:
```java
@GetMapping("/{type}")
public ResponseData queryByType(@PathVariable String type, HttpServletResponse response){
response.setHeader("Access-Control-Allow-Origin","*");
return picService.queryByType(type);
}
```
这样设置后,浏览器就会允许来自任意域的请求访问该资源了。同时,还可以根据需求设置其他的头部信息,如Access-Control-Max-Age、Access-Control-Allow-Headers和Access-Control-Allow-Credentials等。希望这个解决方法可以帮助到您。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [解决前后端跨域报错:has been blocked by CORS policy: No ‘Access-Control-Allow-Origin](https://blog.csdn.net/wsaicyj/article/details/127814374)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the ...](https://blog.csdn.net/qq_45800640/article/details/118422632)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
has been blocked by CoRs policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
这个错误通常是由于浏览器的同源策略所引起的。同源策略是浏览器的一种安全机制,它限制了来自不同源的脚本在同一个页面上运行。如果你的网站试图从另一个域名请求数据,浏览器就会发出CORS请求。如果服务器没有正确配置CORS,浏览器就会拒绝该请求并显示“has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource”错误。
解决这个问题的方法有很多种,以下是其中的两种:
1.在服务器端配置CORS。服务器端可以通过设置响应头来允许跨域请求。例如,在Node.js中,可以使用cors模块来实现CORS配置。在PHP中,可以使用header()函数来设置响应头。
2.使用代理。如果你无法在服务器端配置CORS,可以考虑使用代理。代理是一个位于客户端和服务器之间的中间层,它可以将客户端的请求转发到服务器,并将服务器的响应返回给客户端。在这种情况下,你可以在客户端上设置代理,将请求发送到代理服务器,然后由代理服务器将请求转发到目标服务器。这样,由于请求是从同一个域名发送的,就不会触发CORS错误。
阅读全文