HTTP 错误：天气 API Web 应用程序项目的状态代码 404路由使用得当？

编程问答 2022-05-24

问题描述

我正在开发一个天气应用作为一个项目。在控制台中，我收到两个错误，指出“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 (将#修改为@）

getjavascriptopenweathermappostpost