PROBLEMAS DE CONEXÃO NA API (AXIOS)

[dbadaro717]

Boa tarde!
Estou tendo problemas na conexão com a api, meu api,js está assim:

import axios from 'axios';

const api = axios.create({
baseURL: "http://localhost:3333/",
});

export default api;

Tem aparecido os seguinte erros:

Alguém pode me ajudar??

[rafaelangical]

Primeiro tenta usar o ip da máquina ao invés de localhost.

Segundo faz sua chama a api com uma função async e usando try catch.

[dbadaro717]

Obrigado por vir me ajudar Rafael!
Minha função está assim:

[dbadaro717]

async function loadDevs() {
const { latitude, longitude } = currentRegion;

  const response = await api.get("/search", {
    params: {
      latitude,
      longitude,
      techs
    }
  });

  setDevs(response.data.devs);
}

[dbadaro717]

Tentei fazer a sua primeira alternativa e não funcionou.

[rafaelangical]

tenta fazer assim api.get('').then(resp => console.log(resp)).catch(err => console.log(err))

[dbadaro717]

Continua o erro.....!!!!

[rafaelangical]

manda o código completo em um gist

[dbadaro717]

OK!

[dbadaro717]

BACKEND: https://github.com/julioaze/radar
FRONTEND: https://github.com/julioaze/mobile

[rafaelangical]

https://github.com/julioaze/mobile/blob/master/src/pages/Main.js#L37
https://github.com/julioaze/mobile/blob/master/src/pages/Main.js#L47

usa await

[dbadaro717]

Como deveria ficar ett??

[dbadaro717]

Sou novo no React teria como você me mandar o codigo..... se não for pedir mto.

[rafaelangical]

Entra nesse slack https://react-brasil-slack.herokuapp.com/

e manda as dúvidas no channel #general que ajudamos por lá, fica mais fácil.

[thejpdev]

@dbadaro717 Cara, eu percebi que vc está utilizando HTTPS no back e HTTP no front, talvez seja isso, troca e tenta novamente, ve se corrigiu

[marcuxyz]

Pode ser alguma coisa voltando errado no backend. Na hora que você ta tentando consultar, comenta tudo e retorna um json vázio e tenta fazer a chamada com o axios. E apenas dê um console.log no res.data

[juninhoall]

Primeiro testa no Insomnia / Postman as suas requisições.... Deve se lembrar que o a verificação do certificado SSL deve estar desabilitada, caso não haja o mesmo.