has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

这个错误是由于浏览器的同源策略所引起的。同源策略是一种安全机制，它限制了来自不同源的脚本之间的交互。如果你的网站试图从另一个域名下的资源中获取数据，那么浏览器就会拒绝该请求，因为该请求不符合同源策略的要求。

要解决这个问题，你可以采取以下一些措施：

1. 在服务器端添加 Access-Control-Allow-Origin 头部，允许指定的域名或者所有域名访问该资源。

2. 使用 JSONP 或者 CORS（跨域资源共享）来实现跨域请求。

3. 将资源放到同一个域名下，以避免跨域请求。

希望以上信息能够帮到你。

相关问题

has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource.

这个错误信息说明在发送请求时，服务器返回的响应头中没有包含Access-Control-Allow-Origin字段，导致浏览器拒绝接受该响应。这是由于跨域访问(Cross-Origin Resource Sharing，CORS)的限制所引起的。

为了解决这个问题，可以添加一个名为CorsConfig的配置类，其中配置了允许跨域访问的规则。具体做法是使用addCorsMappings方法将允许跨域访问的规则添加到CorsRegistry中，可以设置allowedOriginPatterns为"*"，表示允许来自所有域的请求；allowedHeaders设置为CorsConfiguration.ALL，表示允许所有请求头；allowedMethods设置为CorsConfiguration.ALL，表示允许所有请求方法；allowCredentials设置为true，表示允许发送身份验证信息；maxAge设置为3600，表示设置响应缓存的最大时间。通过这个配置类，服务器会在响应头中添加Access-Control-Allow-Origin字段，从而允许跨域访问。<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‘ 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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [corsyusha:简单快速的代理，可在针对现有API进行原型设计时绕过CORS问题，而不必担心CORS](https://download.csdn.net/download/weixin_42176612/18261495)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [解决前后端跨域报错：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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .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错误。