Estou desenvolvendo pequeno projeto para aprender react e me deparei com o seguinte problema. Ao fazer uma solicitação em uma API com axios passando o input como parametro para a rota, o axios está retornando um HTML, e não um JSON.
O link do repositório caso ajude. https://github.com/carlos-souza-dev/apinews
Esse é meu código.
// REACT
const [ input, setInput ] = useState('');
const [ query, setQuery ] = useState([]);
const queryFunc = async () => {
setQuery( await axios.get(`${props.url}/search`).then(res => {
console.log("Response",res)
return res.data.articles
}))
};
const handleInput = (e) => {
setInput(e.target.value);
}
const handleSubmit = () => {
axios.get(`${props.url}/search`, {
text: input,
});
};
// ROUTER
app.get('/api/brasil/search', async (req, res) => {
const text = await ""+req.body.text;
const response = await fetch(`${process.env.APP_URL}top-headlines?q=${text}&country=pt&from=${today}&to=${today}&apiKey=${process.env.APP_KEY}&pageSize=100`);
const data = await response.json();
res.send(data)
});
Esta é a response do axios.
http://localhost:5000/api/search
está trazendo? Não seria ele o problema?