Axios 404(错误请求)CreateError

时间:2020-05-05 23:41:17

标签: reactjs axios

我正在使用React和axios的yelp api。我相信我已经正确设置了所有内容,并且当它运行时,它很容易被我抓住。

在遇到一些cors问题后,我在任何地方添加了cors。不使用后端,而仅使用前端。

    import React, {useState, useEffect} from 'react';
    import './App.css';
    import axios from 'axios';

    const App = () => {
      const [bus, setBus] = useState([])

      useEffect (() => {
          axios.get(`${'https://cors-anywhere.herokuapp.com/'}https://api.yelp.com/v3.businesses/search`,
          {
            headers: {
              Authorization: `Bearer ${process.env.REACT_APP_API_KEY}`
            },
            params: {
              term: 'food',
            }
          })
            .then( res => {setBus(res.data)
              console.log(bus)
              debugger
            })
            .catch( err => {console.log(err)
              debugger
            })
      })

      return(
        <div>
          {bus ? <h2>Data</h2> : <h2>No Data</h2>}
        </div>
      )

    }

    export default App;

0 个答案:

没有答案