我在React中使用Axios发送POST请求时出现CORS错误

时间:2019-05-18 08:23:58

标签: reactjs api cors axios

我收到CORS错误:“ ...已被CORS策略阻止:对预检请求的响应未通过访问控制检查:所请求的资源上没有'Access-Control-Allow-Origin'标头”。   但是我在请求中添加了标头。根据后端文档,标头必须为:access-control-allow-origin:*。   此api在Postman中可用,当我在浏览器插件“ Allow-Control-Allow-Origin:*”中激活时-也可以使用。 我的代码有什么问题?

    axios.post("http://xxx.xxx.xxx.xx:xxxxx/api/devices/state/", {}, {
       headers: {
        "Access-Control-Allow-Origin": "*",  
        "Content-Type": "application/json"                 
      },
      auth: {
        username: "Name",
        password: 123456
      }            
    })
      .then((ppks) => {
        console.log(ppks.data);
        this.setState({
          ppks: ppks.data
        });
      })
      .catch((err) => {
        console.log(err);        
      }); 
  }

0 个答案:

没有答案