has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. ajax.html:35 connect failed
时间: 2023-10-12 14:03:59 浏览: 153
corsyusha:简单快速的代理,可在针对现有API进行原型设计时绕过CORS问题,而不必担心CORS
这个错误是由于跨域请求时出现了CORS策略制造成的。CORS (Cross-Origin Resource Sharing) 是一种安全机制,用于限制从一个源加载的Web应用程序如何与来自不同源的资源进行交互。当浏览器检测到请求跨域时,会发送一个预检请求 (OPTIONS) 给目标服务器,如果服务器没有正确配置CORS响应头,则会阻止浏览器访问请求的资源。
在你提供的引用中,问题出现在服务器没有设置正确的Access-Control-Allow-Origin响应头。这个响应头指定了哪些源可以访问该资源。如果没有配置或配置为通配符"*",则会导致浏览器阻止访问。
解决这个问题的方法是在服务器端设置正确的响应头。你可以在服务器端的API接口中添加Access-Control-Allow-Origin头,并设置为允许访问的源。如果你的请求需要包含凭据(例如cookies或HTTP身份验证),则还需要确保Access-Control-Allow-Origin头不是通配符"*",而是具体的允许源。
另外,还有一种常见的解决方法是使用代理服务器。你可以在自己的服务器上设置一个代理,将跨域请求转发到目标资源,并在代理服务器上设置正确的响应头。
总结起来,要解决"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource"这个问题,你需要在服务器端设置正确的CORS响应头,或者使用代理服务器来转发请求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue项目连接socket.io跨域及400异常处理](https://blog.csdn.net/qq_34817440/article/details/113027706)[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%"]
- *3* [REST API 安全认证研究](https://blog.csdn.net/zhangxin09/article/details/119182389)[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 ]
阅读全文