Verwenden Sie immer 401 res in OpenWeather() – React-Open-Weather-Bibliothek
P粉556159786
P粉556159786 2023-08-18 09:24:49
0
1
508
<p>Ich möchte meiner React-Anwendung ein Wetter-Widget hinzufügen und versuche, die React-Open-Weather-Bibliothek zu verwenden. Aber die Funktion zum Abrufen der Daten <code>useOpenWeather()</code> gibt immer <code>401</code> zurück, was ich bestätigt habe, indem ich es in die in der React-Open-Weather-Dokumentation angegebene URL eingefügt habe -key ist gültig. Aber ich weiß nicht, was los ist. </p> <blockquote> <p>Fehler: GET http://api.openweathermap.org/data/2.5/onecall?appid=dc5807427c5379fdd34b63326ad4eb54&lang=en&units=metric&lat=48.137154&lon=11.576124 401 (nicht autorisiert)< / p> </blockquote> <p><strong>Mein Code</strong></p> <pre class="brush:php;toolbar:false;">import React from 'react' import ReactWeather, { useOpenWeather } from 'react-open-weather'; const Weather = (props) => const { data, isLoading, errorMessage } = useOpenWeather({ Schlüssel: 'dc5807427c5379fdd34b63326ad4eb54', Breitengrad: '48.137154', Länge: '11.576124', lang: 'en', Einheit: 'metrisch', // Werte sind (metrisch, Standard, imperial) }); zurückkehren ( <div> <ReactWeather isLoading={isLoading} errorMessage={errorMessage} data={data} lang="en" locationLabel="München" UnitsLabels={{ Temperatur: 'C', Windgeschwindigkeit: 'Km/h' }} showForecast /> </div> ) } Standardwetter exportieren</pre> <p>Ich habe versucht, die React-Open-Weather-Bibliothek neu zu installieren, aber das Problem ist immer noch nicht behoben. </p> <p>Die URL, die ich zur Bestätigung meines API-Schlüssels verwende: http://api.openweathermap.org/data/2.5/forecast?id=524901&appid=dc5807427c5379fdd34b63326ad4eb54</p>
P粉556159786
P粉556159786

Antworte allen(1)
P粉598140294

根据https://openweathermap.org/api/one-call-apionecall返回所有可能的功能:

  • 当前天气
  • 1小时内的分钟级预报
  • 48小时内的每小时预报
  • 7天的每日预报
  • 国家天气警报
  • 过去5天的历史天气数据

一些功能,如预报,对于免费账户是不允许的。 通过运行weather而不是onecall,您只能获取当前天气:

https://api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}&appid={API key}

并且使用您的参数,它会正确显示数据。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage