Stack Overflow em Português Asked by Carlos Souza on January 21, 2021
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.
O problema não é no AXIOS neste caso,
provavelmente vc está fazendo a requisição para um Website e não para uma API.
Experimente com outras "APIs", por exemplo, https://fakerapi.it/en é uma API muito utilizada para testar aplicações.
Abraço! Sucesso!
Answered by Vinícius Machado on January 21, 2021
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP