从weatherbit API 获取数据和向用户发布数据时出错

Question

1-尝试从weatherbit API获取数据时，参数错误，我不知道如何解决此问题出现的错误是分配的参数错误问题出在lon和lat中，它应该从geoNames API 并在weatherbit API 中使用它们

应用程序.js

 //Geonames data
const geoNames_API = '**********';
const geoNames_baseurl = 'http://api.geonames.org/searchJSON?';

//Weatherbit data
const weather_API = '**********************************'
const baseURL1 = 'http://api.weatherbit.io/v2.0/current?';
const baseURL2 = ' http://api.weatherbit.io/v2.0/forecast/daily?';
let weatherbit_baseurl=''

//Pixabay data
const pixabay_API = '****************';
const pixabay_baseurl = 'https://pixabay.com/api/?';

const generate = document.getElementById('submit'); 
generate.addEventListener('click' , generateData);

function generateData (e){
    const userInput = document.getElementById('userInput').value;
    const date = document.getElementById('date').value;
    const days = document.getElementById('days');
    const country1 = document.getElementById('country');
    const temp = document.getElementById('temp').value;
    const description = document.getElementById('description').value;
    const image = document.getElementById('image');



 const generateGeo = async(geoNames_baseurl,geoNames_API,userInput) => {
        const res = await fetch (`${geoNames_baseurl}username=${geoNames_API}&q=${userInput}`);
        try{
            const data = await res.json();
            console.log(data);
            return data;
        }
        catch(error){
            console.log("error" , error);
        }
    }

    generateGeo(geoNames_baseurl,geoNames_API,userInput)
    .then(function(data){
        console.log(data);
        postData('/addGeo' ,{
            lat: data.geonames[0].lat,
            lon: data.geonames[0].lng,
            country: data.geonames[0].countryName})
        .then(userView());
    })

    const postData = async ( url = '' , data={}) =>{
        console.log(data);
        const res= await fetch (url , {
            method : 'post',
            credentials: 'same-origin',
            headers:{
                'content-type':'application/json'
            },
            body:JSON.stringify(data)
        })
        try{
            const newGeo  = await res.json();
            console.log (newGeo);
            return newGeo;
        }catch (error){
            console.log("error",error);
        }
    }



const userView = async()=>{
    const req =await fetch('http://localhost:8080/all');
    try{
        const projectData = await req.json();
        country1.innerHTML = `Country: ${allData.country}`
        temp.innerHTML = `Temperature: ${allData.temp} °C`
        description.innerHTML= allData.description;
        document.getElementById('image').src = allData.url;
        days.innerHTML = allData.days;
    }
    catch(error){
        console.log('error' , error);
    }
}

function  generateData (e){
    e.preventDefault();
    const userInput = document.getElementById('userInput').value;
    const date = document.getElementById('date').value;
    const countdown = getCountdown (date);
    const days = document.getElementById('days');
    const country1 = document.getElementById('country');
    const temp = document.getElementById('temp').value;
    const description = document.getElementById('description').value;
    const image = document.getElementById('image');



    function getCountdown (date){
        const countdownDate = new Date(date).getTime();
        const now = new Date().getTime();
        const difference = countdownDate - now;
        const days = Math.floor(difference / (1000 * 60 * 60 * 24));
        return days;
    }
    if (countdown <= 7){
     weatherbit_baseurl = baseURL1;
    } else {
        weatherbit_baseurl = baseURL2;
    }

    const postData = async (url= '' , data = {})=>{
        console.log ('Data is:' , data);
        const userInput = document.getElementById('userInput').value;
        const res = await fetch( url, {
                method: 'POST',
                credentials: "same-origin",
                mode: 'cors',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(data),
            });
        try {
            const newData = await res.json()
            console.log(newData)
            return newData
          } catch (error) {
            console.log("error", error)
          }
        };
        
    const generateGeo = async (geoNames_baseurl,geoNames_API, userInput)=>{
        const res = await fetch ( `${geoNames_baseurl}username=${geoNames_API}&q=${userInput}`);
        try{
            const data = await res.json();
            console.log(data);
            return data;
        }
        catch (error){
            console.log("error" , error);
        }
    }

     let locationData =  generateGeo(geoNames_baseurl, geoNames_API, userInput).then(function (data) {
            postData("http://localhost:8080/addGeo", {
                
              lat: data.geonames[0].lat,
              lon: data.geonames[0].lng,
              country: data.geonames[0].countryName,
            });
            console.log ("Longitude:" + data.geonames[0].lng)
            console.log ("latitude:" + data.geonames[0].lat )
            console.log ("Country is " + data.geonames[0].countryName)
          return {
              country
            };
            
      });

      let lat = locationData.lat;
      let lon = locationData.lng;
      
      const generateWeth= async (baseURL1, weather_API, lat,lon)=>{
        const res = await fetch ( `${baseURL1}lat=${lat}&lon=&{lon}&key=${weather_API}`);
        try{
            const dataa = await res.json();
            console.log(dataa);
            return dataa;
        }
        catch (error){
            console.log("error" , error);
        }
    }

generateWeth (baseURL1, weather_API, lat,lon)
.then (function(wethh){
    console.log(wethh);
    postData ('http://localhost:8080/addWeather', {temp: wethh.data[0].temp , description: wethh.data[0].weather.description});
    
    return {
        temp :  wethh.data[0].temp,
        description: wethh.data[0].weather.description
    }
});

 
const getPixabay = async (pixabay_baseurl, pixabay_API, userInput) =>{
    const res = await fetch (`${pixabay_baseurl}key=${pixabay_API}&q=${userInput}&image_type=photo`);
    try {
        const imageData = await res.json();
        console.log (imageData);
        return imageData;
    }
    catch(error) {
          console.log ("error" , error);
    }
}

getPixabay(pixabay_baseurl, pixabay_API, userInput)
.then(function(imageData){
    console.log(imageData);
    postData ('http://localhost:8080/addPixabay', {picture: imageData.hits[0].largeImageURL})
    return {
        picture: imageData.hits[0].largeImageURL
    }
})
.then (userView());

}


export { generateData}

2- 未发布给用户的数据

服务器端：index.js

 projectData= {};

const dotenv = require('dotenv');
dotenv.config();


const express = require('express');
const bodyParser = require('body-parser');

const app = express();
const fetch = require('node-fetch');

var axios = require ('axios');
var path = require('path');

var req = require ('request');




app.use(express.static('dist'));
console.log(__dirname);

app.use(express.json());

const cors = require('cors');
app.use (cors()); 

app.use(express.urlencoded({extended:false}));

const { res } = require('express');


app.get('/', function (req, res) {
    res.sendFile('dist/index.html')
    // res.sendFile(path.resolve('src/client/views/index.html'))
})

// designates what port the app will listen to for incoming requests
const port = 8080;
app.listen(port, function () {
    console.log('Example app listening on port 8080!')
})

app.get('/all' , function(req,res){
    res.send(projectData);
    console.log (projectData);
    });
    

app.post('/addGeo' , function(req,res){
    
        console.log(req.body)
    
        let newGeo = {
            country: req.body.country,
            }
        //send project data
        projectData = newGeo;
        res.send(projectData);
    });


    app.post('/addWeather' , function(req,res){
    
        console.log(req.body)
    
        let newWeather = {
            temp: req.body.temp,
            description: req.body.description
            }
        //send project data
        projectData = newWeather;
        res.send(projectData);
    });

    app.post('/addPixabay' , function(req,res){
    
        console.log(req.body)
    
        let newPixabay = {
            Image: req.body.image
            }
        //send project data
        projectData = newPixabay;
        res.send(projectData);
    });