javascript - 无法在 XmlHttpRequest 中分配“Access-Control-Allow-Origin”

Question

我正在尝试使用 XMLHttpRequest 请求 ping 我的后端 api。

以下是我的代码

var r = new XMLHttpRequest();
r.open("POST", 'domain:port/path/');
r.setRequestHeader("Access-Control-Allow-Origin", '*');
r.setRequestHeader("Accept", 'application/json ');

var data = {"key":"value"};

r.send(data);

但我总是接受以下错误信息

从源“ http://localhost:8000 ”访问“域：端口/路径/”处的 XMLHttpRequest已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：没有“访问控制允许- Origin' 标头存在于请求的资源上。

首先; 我认为那是因为我没有设置“Access-Control-Allow-Origin”。但即使我设置了它，它也不起作用。

我该如何解决我的问题？

谢谢。

标签： javascriptdjango-rest-frameworkxmlhttprequest

Answer 1

来自MDN Access-Control-Allow-Origin 响应标头指示是否可以与来自给定源的请求代码共享响应

它是一个响应头，您需要在您的服务器端代码上设置 Access-Control-Allow-Origin