当 url 在浏览器中显示数据时，openwheather api 在 react js 中不起作用

Question

import React, { Component } from 'react'
import './App.css';
import axios from 'axios'
const api=axios.create({
  baseURL:'https://api.openweathermap.org/data/2.5/weather?q=Karachi&appid=e3f8864274e67280b3ee8eb501d3718a'
})



export class App extends Component {
  constructor(){
    super();
    api.get('/').then(res=>{
      console.log(res.data)
    })
  }
  render() {
    return (
      <div className="App">
       <h1>React Weather App</h1>
       <main>
       </main>
       <footer>
       </footer> 
      </div>
    )
  }
}

export default App

以上代码与wheather app相关。 url 在浏览器中显示数据但不工作并显示错误：xhr.js:177 GET https://api.openweathermap.org/data/2.5/weather?q=Karachi&appid=e3f8864274e67280b3ee8eb501d3718a/401 (Unauthorized)

Answer 1

这个错误 401 (Unauthorized) 是因为你的“appid”错误或过期。

查看此页面了解更多信息：https://openweathermap.org/appid