跨域请求被阻止：在javascript中使用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>

然而，尽管添加了标题我得到了Cross-Origin Request Blocked：我的控制台出错了，当我尝试在控制台中打印xhr.status时它显示为0作为响应。 我正在使用使用https显示错误消息错误的flask服务器，因此我使用http请求。

Answer 1

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

检查链接flask cors。