微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。