天气API请求cors错误

Question

我正在尝试从dark sky api获取天气数据，但我一直收到cors错误。下面是我的代码：

var url = `https://api.darksky.net/forecast/febb2871126cd24613f32a79c32d4158/${lat},${lon}`;
axios.get(url, config).then(response => {
    this.setState({
        ...
    })
}).catch(function (error) {
    console.log(error);
});

我收到一个错误："XMLHttpRequest无法加载https://api.darksky.net/forecast/febb2871126cd24613f32a79c32d4158/38.5815719,-121.4943996。请求的资源上不存在'Access-Control-Allow- Origin‘头。因此不允许访问源'https://ebcperez.github.io’。“

Answer 1

我也有同样的问题，但我解决了

https://www.freecodecamp.org/forum/t/calling-openweathermap-api-is-blocked-due-to-cors-header-access-control-allow-origin-missing/191868

像这样："https://cors-anywhere.herokuapp.com/http://samples.openweathermap.org/data/2.5/forecast?appid={your_Api_key}“

或https://api.openweathermap.org/data/2.5/forecast?appid=

所以我不知道url会不会出现错误

Answer 2

看起来Darksky API服务器不允许CORS，所以你不能从你的浏览器发出这个请求。

一种可能的解决方案是从应用程序服务器发出API请求，然后将其显示在前端。

Answer 3

以下是为什么会发生这种情况的解释。tl;dr将使用CORS代理来处理您的请求。将https://cors-anywhere.herokuapp.com/添加到您的API的URL。https://cors-anywhere.herokuapp.com/http://api.openweathermap.org...

我希望这对你有用