TransWikia.com

Axios retornando HTML de dados, não JSON

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.

inserir a descrição da imagem aqui

One Answer

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

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP