Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Distribuicao - Não carrega as fotos do servidor

Baixei e extrai a pasta "server" como descrito na aula 6, vídeo 3. Levantei o servidor, que está escutando na pasta 8080. Fiz o build de distribuição e copiei a pasta "dist" e arquivo "index.html" para \server\public. Quando acesso no browser http://localhost:8080 abre a página mas acusa a mensagem "Não foi possível obter as fotos. Tente mais tarde..." conforme tratamentos feitos no método lista() de FotoService.js (trecho de código anexado).

// declarando o método lista
    lista() {
        return this._resource // retorna a promesse devolvida pelo
            .query()  // devolve uma resposta bruta - lembrando que o query equivale a método post
            .then(
                res => res.json(),
                err => {
                    console.log(err);
                    throw new Error('Não foi possível obter as fotos. Tente mais tarde...');  // callback de erro caso ocorra
                });  // como veio bruto, faz a conversao para JSON para devolver como result

    }

Se eu acesso no modo desenvolvimento está funcionando corretamente.

Podem me ajudar com isso?

Marcos

5 respostas

Fala ai Marcos, tudo bem? Preciso ver o erro completo, consegue passar ele?

Para isso, abre o console do navegador e vai na aba Network (Rede) antes de fazer a requisição, dai provavelmente após fazer, vai ter um erro em vermelho.

Cola o log completo.

Fico no aguardo.

Olá, retorna isso:

FotoService.js:30 
wt

body: ""
bodyText: ""
headers: _t {map: {…}}
ok: false
status: 0
statusText: ""
url: "http://localhost:3000/v1/fotos"
data: (...)
__proto__:
blob: ƒ ()
json: ƒ ()
text: ƒ ()
constructor: ƒ (t,e)
data: (...)
get data: ƒ ()
set data: ƒ (t)
__proto__: Object

E mais isso:

 Failed to load resource: net::ERR_CONNECTION_REFUSED
:3000/v1/fotos:1

Mais alguma coisa ?

solução!

Esse erro: ERR_CONNECTION_REFUSED Pode ser porque você não subiu a API, dai ele está tentando acessar algo que não está rodando naquele host e naquela porta.

Certifique-se que a API está rodando nessa porta e nesse endereço.

Espero ter ajudado.

Você tem toda razão. Me desculpe, falha básica.

Magina Marcos, sempre que precisar não deixe de criar suas dúvidas.

Toda dúvida é dúvida.

Abraços.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software