Блог

Я столкнулся с проблемой, связанной с api openweathermap, вызов api отлично работает в браузере, но при использовании его в проекте я получаю ошибку 401, которая упоминается здесь следующим образом:

У меня нет ни одной из перечисленных в нем проблем

также вот ссылка: http://api.openweathermap.org/data/2.5/weather?zip= 10001,usamp;appid=####

отлично работает в браузере

и вот мой app.js:

 /* Global Variables */
let baseURL = 'http://api.openweathermap.org/data/2.5/weather?zip=';
let apiKey = ',usamp;appid=####';



// Create a new date instance dynamically with JS
let d = new Date();
let newDate = d.getMonth() '.'  d.getDate() '.'  d.getFullYear();

document.getElementById('generate').addEventListener('click', performAction);

function performAction(e){
  const temperature =  document.getElementById('zip').value;
  const userResponse = document.getElementById('feelings').value;
  console.log(baseURL temperature apiKey)
  const getTemp = async (baseURL,temperature,apiKey)=>{
      
      const res = await fetch(baseURL temperature apiKey)
    try {

    const data=await res.json();
    return data;
    
    }  catch(error) {
    console.log("error", error);
    // appropriately handle the error
     }
  }
   getTemp(baseURL temperature apiKey).then( res =>{ console.log(res);
   
    postData('/add', {temperature: temperature, date: newDate, userResponse: userResponse});
    updateUI('/all');})
 

когда я console.log() URL-адрес, он работает отлично, но ошибка появляется в запросе get:

getTemp является ли проблема
, для которой первым аргументом getTemp является полный URL-адрес (однако функция объединяет 3 аргумента для URL-адреса выборки)
, поэтому 2 из этих значений будут неопределенными, и выборка закончится как (baseURL temperature apiKey) undefined undefined вместо baseURL temperature apiKey

Решение заключается в том, чтобы при вызове getTemp использовать запятые, чтобы они заполняли соответствующие места аргументов в функции

 /* Global Variables */
let baseURL = 'http://api.openweathermap.org/data/2.5/weather?zip=';
let apiKey = ',usamp;appid=####';



// Create a new date instance dynamically with JS
let d = new Date();
let newDate = d.getMonth() '.'  d.getDate() '.'  d.getFullYear();

document.getElementById('generate').addEventListener('click', performAction);

function performAction(e){
  const temperature =  document.getElementById('zip').value;
  const userResponse = document.getElementById('feelings').value;
  console.log(baseURL temperature apiKey)
  const getTemp = async (baseURL,temperature,apiKey)=>{
      
      const res = await fetch(baseURL temperature apiKey)
    try {

    const data=await res.json();
    return data;
    
    }  catch(error) {
    console.log("error", error);
    // appropriately handle the error
     }
  }
   getTemp(baseURL,temperature,apiKey).then( res =>{ console.log(res);
   
    postData('/add', {temperature: temperature, date: newDate, userResponse: userResponse});
    updateUI('/all');})