javascript - 跨源请求被阻止 : in javascript using XMLHttpRequest

Question

我正在尝试使用 XMLHttpRequest 在 javascript 中发送 HTTP 请求，因此我在 HTML 文件中使用了以下代码。我有一个服务器正在运行，它返回 {'test' : 'string'} 形式的字典。

<script type="text/javascript">
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "http://localhost:5000/test", true);
  xhr.setRequestHeader("Access-Control-Allow-Origin", "*");
  xhr.send();

  xhr.onreadystatechange = processRequest;
  console.log(xhr.status)

  function processRequest(e)
  {
    if (xhr.readyState == 4)
    {
      alert(xhr.responseText);
    }
  }
</script>

然而，尽管添加了 header ，但当我尝试在控制台中打印 xhr.status 时，我的控制台中出现跨源请求被阻止:错误，它显示 0 作为响应。我正在使用 Flask 服务器，它在使用 HTTPS 时显示错误消息，所以我正在使用 HTTP 请求。

Answer 1

您无法从前端控制 CORS。您必须将 CORS 模块放到您的后端服务器上。

检查链接flask cors .