javascript - 天气 api key 不起作用

Question

我正在使用 Open Weather API，但是当我发送城市数据请求时，出现网络错误。

这是获取资源的操作。

actions/index.js

import axios from "axios";


const ROOT_URL = `https://samples.openweathermap.org/data/2.5/forecast?appid=${API_KEY}`;

export const FETCH_WEATHER = "FETCH_WEATHER";

export function fetchWeather(city) {
  const url = `${ROOT_URL}&q=${city},us`;
  const request = axios.get(url);

  console.log("request:", request);

  return {
    type: FETCH_WEATHER,
    payload: request
  };
}

当我按下提交按钮时，我可以在 mozilla firefox 控制台中看到错误。像这样...错误:网络错误

但我想要城市标题下的城市名称...像这样...

Answer 1

axios.get(url) 正在返回 promise ，常规方式是，

export function fetchWeather(city) {

    const url = `${ROOT_URL}&q=${city},us`;
    const res = axios.get(url).then(function(res){
    console.log("response:", res);

       return {
         type: FETCH_WEATHER,
         payload: res
        };
     }).catch(err){
      console.log(err)
     }
}

或，

使用 async/await 获得所需的结果。

export async function fetchWeather(city) {
  try{
    const url = `${ROOT_URL}&q=${city},us`;
    const res = await axios.get(url);

    console.log("request:", res);

    return {
      type: FETCH_WEATHER,
      payload: res
    };
  }catch(err){
      console.log(err)
   }
}