原生JS XMLHttpRequest.setRequestHeader不生效？

Question

使用JS请求某个接口时，不加请求头会403，但通过XMLHttpRequest.setRequestHeader设置请求头好像不生效？
代码里已经设置了，但实际请求的时候没有看到。

http.open('GET',url,false);

http.setRequestHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36");

http.setRequestHeader("referer", "http://www.oslang.cn/");

http.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");

http.send(http)

Answer 1

并不是所有的 Header 都可以在浏览器中进行设置，你这里的 User-Agent 和 Referer 在浏览器中都是不允许被设置的。

• XMLHttpRequest.setRequestHeader() - Web API 接口参考 | MDN
• 禁用首部名称

Answer 2

var http = new XMLHttpRequest();
http.open('GET', url, false);
http.setRequestHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36");
http.setRequestHeader("referer", "http://www.oslang.cn/");
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send();