Javascript Reactjs与laravelrestapi:No'；访问控制允许原点'；请求的资源上存在标头

所以我有一个用ReactJS创建的项目。 我正在尝试登录，这是我的React代码：

handleClick(event){
var apiBaseUrl = "http://127.0.0.1:8000/api/auth/login";
var self = this;
var payload={
    "email":this.state.email,
    "password":this.state.password
}
axios.post(apiBaseUrl, payload)
.then(function (response) {
    console.log(response);
    if(response.data.code == 200){
        console.log("Login successfull");
        var uploadScreen=[];
        uploadScreen.push(<UploadScreen appContext={self.props.appContext}/>)
        self.props.appContext.setState({loginPage:[],uploadScreen:uploadScreen})
    }
    else if(response.data.code == 204){
        console.log("Username password do not match");
        alert("username password do not match")
    }
    else{
        console.log("Username does not exists");
        alert("Username does not exist");
    }
})
.catch(function (error) {
console.log(error);
});
}

---

需要严格控制有效载荷

var payload = JSON.stringify({yourdata: yourdata});

并尝试添加这样的标题

var config = {
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  withCredentials: false
}

axios.post(apiBaseUrl, payload, config)

---

需要严格控制有效载荷

var payload = JSON.stringify({yourdata: yourdata});

并尝试添加这样的标题

var config = {
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  withCredentials: false
}

axios.post(apiBaseUrl, payload, config)

---

试试这个我用的是@rkjtry这个我用的是@rkji更新答案，尝试添加stringify at payload变量。无需更新，您以前的答案在我安装Allow控件Allow Origin:*Chrome扩展时有效！谢谢我更新了答案，尝试添加stringify at payload变量。无需更新，您以前的答案在我安装Allow控件Allow Origin:*Chrome扩展时有效！谢谢