React JS - 请求的资源上不存在“Access-Control-Allow-Origin”标头。跨源资源错误

Question

我正在 React Web 应用程序中使用 Fetch 进行 API 调用（在另一个域上运行）。我收到错误以下错误。

从源“http://localhost:3000”获取“--------API URL---------”的访问已被 CORS 策略阻止：
对预检请求的响应不会通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

我还在 Stack Overflow 上阅读了关于同一问题的几个答案，标题为“Access-Control-Allow-Origin”，但仍然不知道如何解决这个问题。我不想在 Chrome 中使用扩展程序或使用临时黑客来解决这个问题。请提出解决上述问题的标准方法。

我的代码如下所示：

{
        return fetch('-----------API URL--------',
        {   method:'GET',
            mode: 'cors',
            headers:{
                'Access-Control-Allow-Origin':'*'
            },
        })
        .then((response) => response.json())
        .then((responseJson) => {
            console.log(responseJson.ALLORDERSRX);
            this.setState({
                isLoading: false,
                dataSource: responseJson.ALLORDERSRX,
            }, function(){
                
            });
        })
        .catch((error) =>{
            console.error(error);
        });

    }

Answer 1

\r\n

\r\n

const proxyurl = "https://cors-anywhere.herokuapp.com/";\r\nconst url = \'https://api.liveconnect.in/backend/web/erpsync/get-all-orders?data=dbCode=UAT04M%7Cidx=100%7CuserId=6214%7Cres_format=1\'; // site that doesn\xe2\x80\x99t send Access-Control-*\r\nfetch(proxyurl + url).then((resp) => resp.json())\r\n  .then(function(data) {\r\n    console.log(data);\r\n  })\r\n  .catch(function(error) {\r\n    console.log(error);\r\n  }); 

\r\n

\r\n

\r\n

\n\n

从这里找到：尝试从 REST API 获取数据时，请求的资源\xe2\x80\x94 上不存在“Access-Control-Allow-Origin”标头

\n