Reactjs 访问'；布拉布拉布拉赫'；来自原点'；http://localhost:3001' 已被CORS策略阻止

我试图获取一个api，但我不断地遇到相同的错误，一遍又一遍，我已经检查了服务器，从那里没有问题，我想知道你是否可以帮助我。 这是我写的代码：

import React from 'react';


export default class FetchData extends React.Component {


    async componentDidMount() {
        var myHeaders = new Headers();
        myHeaders.append("Authorization", "sth");

        var requestOptions = {
            method: 'GET',
            headers: myHeaders,
            redirect: 'follow'
        };
        fetch("blahblahblah", requestOptions)
            .then(response => response.json())
            .then(result => console.log(result))
            .catch(error => console.log('error', error));

    }

    render() {
        return <div>
        </div>
    }
}

从“React”导入React；
导出默认类FetchData扩展React.Component{
异步组件didmount（）{
var myHeaders=newheaders（）；
附加（“授权”、“某物”）；
var请求选项={
方法：“GET”，
标题：myHeaders，
重定向：“跟随”
};
获取（“blahblahblah”，请求选项）
.then（response=>response.json（））
.then（result=>console.log（result））
.catch（error=>console.log（'error'，error））；
}
render（）{
返回
}
}

您需要在服务器中列出您的域的白名单。最简单的方法是将npm包用于cors配置

您知道cors的含义是什么吗？它的意思是（跨来源资源共享）请参阅此链接以了解它[

---

您的后端必须接受CORS，并且当您在请求中发送凭据时，您还必须允许凭据

这可以通过几种方式解决：

第一- 您的url在末尾添加此地址

https://cors-anywhere.herokuapp.com/YOUR URL

Second-

看这个文件

其他方式-