我正在使用PetFinder的API(https://www.petfinder.com/developers/api-docs)来抓一些狗的照片。他们的API非常简单。我的问题是CORS。我有一个Chrome扩展程序,告诉Chrome不要打扰,所以我可以在本地查看我的工作,但如果我可以把它扔到GitHub页面或与其他人共享它,他们可以只是克隆它并运行它。
我使用create-react-app
构建了应用程序。基本上它是一个获取请求。我可以用简单的JSON做到,或者我可以添加&callback=?
来获取他们的JSONP。我已经做了一些挖掘,包括第二个参数信息绕过CORS,但我不能坚持着陆。如果服务器端的HEADERS没有正确,我只是坚持使用可能不透明的响应?使用JSONP有更好的方法吗?有人可以告诉我我的选择吗?
componentDidMount() {
fetch('http://api.petfinder.com/pet.find?key=superSecretKeyForMeToKnow&animal=dog&location=94103&output=full&format=json')
.then(response => response.json())
.then(petFinderJson => this.setState({ dogs: petFinderJson.petfinder.pets.pet }));
}