无法从Flickr API获取数据-CORS错误

Question

我正在开发一个简单的react应用程序，其中使用Flickr API获取照片列表。

export default class PhotoApp extends Component {
constructor(props) {
    super(props);

    this.state = {
        photoList: []
    }
}

componentDidMount() {
    this.getPhotoList()
}

getPhotoList = () => {
    console.log('ya got me!')
    axios.get('https://api.flickr.com/services/feeds/photos_public.gne?tags=safe&format=json&nojsoncallback=true')
        .then(response => {
            if (!response.ok) {
                throw new Error(response.status);
            }
            return response.json();
        })
        .then(response => {
            console.log(response.data);
        })
        .catch((err) => {
            console.log(err)
        })
}

render() {
    return (
        <div className='appContainer'>
            <h1>Welcome to my gallery!</h1>
            <PhotoList />
        </div>
    );
}

}

问题是，当我尝试获取某些东西时出现CORS错误，并显示以下错误：

  

CORS策略已阻止从来源“ https://api.flickr.com/services/feeds/photos_public.gne?tags=safe&format=json&nojsoncallback=true”访问“ http://localhost:3000”处的XMLHttpRequest：请求的资源上没有“ Access-Control-Allow-Origin”标头。

我无法解决这个问题。有什么帮助吗？谢谢！