添加xhr请求头信息报错No 'Access-Control-Allow-Origin'

添加xhr请求头信息报错No 'Access-Control-Allow-Origin'

# 具体遇到的问题
添加xhr请求头信息报错No 'Access-Control-Allow-Origin' header is present on the requested resource

但是我已经加到头信息里了,而且发送不了请求

# 报错信息的截图
http://img1.sycdn.imooc.com//climg/5f9bb2b2094b9bf110840134.jpg

http://img1.sycdn.imooc.com//climg/5f9bb2bc09909fb910830328.jpg

# 相关课程内容截图

# 尝试过的解决思路和结果
我已经加到头信息里了,而且发送不了请求

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!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!=4return;


          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>


在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,看报错是跨域了,需要后端小伙伴设置一下允许跨域。目前阶段,建议同学使用老师提供的接口,

http://img1.sycdn.imooc.com//climg/5f9bcd02097d104008770048.jpg

使用老师的接口时,把xhr.setRequestHeader('Access-Control-Allow-Origin','*');去掉

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师