CORS 策略已阻止对 XMLHttpRequest 的访问

Posted 2023-03-04

【中文标题】CORS 策略已阻止对 XMLHttpRequest 的访问

【英文标题】：Access to XMLHttpRequest has been bloked by CORS policy

【发布时间】：2020-05-05 22:15:04

【问题描述】：

从源“http://localhost:3001”访问“http://localhost:8080/ws”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：没有“Access-Control-Allow-Origin”标头出现在请求的资源上。

【问题讨论】：

你用的是express js吗？

上周我收到了这个错误。我通过将以下短语添加到 package.json 解决了这个问题。 “代理”：“你的 APIUrl”。请尝试并返回。

这能回答你的问题吗？ XMLHttpRequest cannot load XXX No 'Access-Control-Allow-Origin' header

【参考方案1】：

当调用XMLHttpRequest 时，浏览器会生成preflight request 并检查Access-Control-Allow-Origin header 以确定是否应允许请求。您应该编辑您的服务器代码以发送带有允许您的客户端域的值的标头（或者只是 * 以允许来自任何来源的 CORS 请求）。例如，如果使用带有 Express 的 Node 服务器，您可以使用 res.set('Access-Control-Allow-Origin', '*')