Reactjs CORS:对飞行前请求的响应不';t通过访问控制检查(axios)

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/';

我正在用Reactjs和laravel作为API构建一个SPA。我使用axios进行API调用,一些请求可以正常工作,但是在某些页面上,当我发出请求时,我会收到一个错误,即请求被CORS策略阻止

在laravel中,我使用
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.