添加xhr请求头信息报错No 'Access-Control-Allow-Origin'
# 具体遇到的问题
添加xhr请求头信息报错No 'Access-Control-Allow-Origin' header is present on the requested resource
但是我已经加到头信息里了,而且发送不了请求
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
我已经加到头信息里了,而且发送不了请求
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>ajax</title>
</head>
<body>
<script>
const url = 'http://122.152.195.249:21000/credit-gw/service';
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
if(xhr.readyState!=4) return;
if((xhr.status>=200 && xhr.status<300) || xhr.status===304){
console.log(xhr.responseText);
console.log(typeof xhr.responseText);
}
}
xhr.open('POST' ,url ,true );
xhr.setRequestHeader('Access-Control-Allow-Origin','*');
xhr.setRequestHeader('Content-Type','application/json');
xhr.send('username');
</script>
</body>
</html>
在这里输入代码,可通过选择【代码语言】突出显示
正在回答
同学你好,看报错是跨域了,需要后端小伙伴设置一下允许跨域。目前阶段,建议同学使用老师提供的接口,
使用老师的接口时,把xhr.setRequestHeader('Access-Control-Allow-Origin','*');去掉
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星