如何解决HTTP 错误:天气 API Web 应用程序项目的状态代码 404路由使用得当?
我正在开发一个天气应用作为一个项目。在控制台中,我收到两个错误,指出“HTTP 错误:状态代码 404”。我觉得我的 URL 使用 API 密钥是正确的,但我没有完全掌握用我的 GET 和 POST 请求命名路由。
// server side snippet in server.js
app.get('/fetchWeatherData',(req,res) => {
res.send(projectData); //GET request from /fetchWeatherData
});
app.post('/saveWeatherData',saveWeatherData);
function saveWeatherData (req,res){
res.send(projectData);
}
//client side snippet in app.js
document.getElementById('generate').addEventListener('click',performAction);
function performAction(e) {
e.preventDefault();
const newZip = document.getElementById('zip').value;
const content = document.getElementById('feelings').value;
fetchWeather(baseURL,newZip,apiKey)
.then(function(inputData) {
postData('/saveWeatherData',{date:newDate,temp:inputData.temp,content});
})
.then(function(updatedData) {
updateUI();
});
}
const updateUI = async () => {
const request = await fetch('/fetchWeatherData')
try {
const allData = await request.json()
console.log(allData);
document.getElementById('date').innerHTML = allData.date;
document.getElementById('temp').innerHTML = allData.temp;
document.getElementById('content').innerHTML = allData.content;
}catch(error){
console.log("error",error)
}
}
关于我是否正确使用“/saveWeatherData”和“/fetchWeatherData”路由的任何输入?
Github 上的完整代码:https://github.com/liz-allison/weather-journal
先谢谢你!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。