我正在使用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;