Reactjs 使用fetch获取404(未找到)

Reactjs 使用fetch获取404(未找到),reactjs,fetch,weather-api,Reactjs,Fetch,Weather Api,我正在使用WeatherAPI和React制作一个简单的天气应用程序。但是,当用户进入一个不存在的城市时,我遇到了问题,因为尽管尝试处理它,控制台上仍然会出现“GET 404(Not Found)” 获取代码: if(evt.key==“回车”){ fetch(`api.base}weather?q=${query}&units=metric&APPID=${api.key}`) 。然后(res=>{ 如果(资源状态===200){ res.json().then(结果=>{ 天气(结果); s

我正在使用WeatherAPI和React制作一个简单的天气应用程序。但是,当用户进入一个不存在的城市时,我遇到了问题,因为尽管尝试处理它,控制台上仍然会出现“GET 404(Not Found)”

获取代码:

if(evt.key==“回车”){
fetch(`api.base}weather?q=${query}&units=metric&APPID=${api.key}`)
。然后(res=>{
如果(资源状态===200){
res.json().then(结果=>{
天气(结果);
setQuery(“”);
});
}否则{
console.log('Erro:',res);
}
})
.catch(err=>{console.log('Failure');});
}
输入代码:

<div className="search-box">
    <input
        type="text"
        className="search-bar"
        placeholder="Search..."
        onChange={e => setQuery(e.target.value)}
        value={query}
        onKeyPress={search}
    />
</div>;

问题是什么?错误正好显示了预期的结果。您的响应代码是404,而不是200,因此它进入了
else
块。(您应该将控制台错误包括为文本,而不是文本图片)不,出于某种原因,我不知道,404错误会一直显示在控制台上,即使它输入else或catch。但是我不想404在控制台上出现,我只想在屏幕上向用户显示一些东西。@Lotus-如果用户希望,调试工具会显示这些信息。“你们不能压制它。”昆汀我知道,我只是想和你们打交道error@Quentin嗯,我读了你提到的,也许我必须这么做。。。谢谢
GET https://api.openweathermap.org/data/2.5/weather?q=kdjklsjdl&units=metric&APPID=f3f25e406a03349031cc25ed16a8196d 404 (Not Found)