Reactjs CORS:对飞行前请求的响应不';t通过访问控制检查(axios)
我正在用Reactjs和laravel作为API构建一个SPA。我使用axios进行API调用,一些请求可以正常工作,但是在某些页面上,当我发出请求时,我会收到一个错误,即请求被CORS策略阻止 在laravel中,我使用Reactjs CORS:对飞行前请求的响应不';t通过访问控制检查(axios),reactjs,laravel,axios,Reactjs,Laravel,Axios,我正在用Reactjs和laravel作为API构建一个SPA。我使用axios进行API调用,一些请求可以正常工作,但是在某些页面上,当我发出请求时,我会收到一个错误,即请求被CORS策略阻止 在laravel中,我使用spatie/laravel cors包添加cors头,这样飞行前的请求不会被阻止,默认情况下,它将允许来自任何来源的任何类型的请求 请求: componentDidMount() { const url = BACKEND_URL+API+'/XXX/';
spatie/laravel cors
包添加cors头,这样飞行前的请求不会被阻止,默认情况下,它将允许来自任何来源的任何类型的请求
请求:
componentDidMount() {
const url = BACKEND_URL+API+'/XXX/';
let headers = {
"Authorization": "Bearer " + token,
"Content-Type": "application/json",
"Accept": "application/json",
}
axios({
url: url,
method: "GET",
headers: headers,
credentials: 'same-origin',
})
.then(response => {
const data = response.data.data;
this.setState({
data: data,
loading: false
})
})
.catch(error => {
console.log(error);
});
}
预期响应(来自本地主机)
错误消息:
Access to XMLHttpRequest at 'XXX.XXX' from origin 'XXX.XXX' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.
从localhost来看,在相同的设置下,一切都可以正常工作,奇怪的是,只有在我将前端和后端都联机后,才会出现错误
有人知道为什么会发生这种情况吗?您是否自定义了
config/cors.php
配置文件?如果是,您做了哪些更改?您是否自定义了config/cors.php
配置文件?如果是,你改变了什么?
Access to XMLHttpRequest at 'XXX.XXX' from origin 'XXX.XXX' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.