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

mensagem de Erro no servidor WEB- API

Boa tarde , durante a aula de rotas, o servidor Web-api parou de funcionar e exibe esta mensagem.

{"message":"route / does not exists!"}

Podem me ajudar , porém ao rodar o meu serve http://localhost:4200/user/flavio no angular. O prompt do web-api retorna a seguinte mensagem:

#################################### No token is send by the the application

####################################

#################################### No token is send by the the application

####################################

#################################### Listing photos photos retornadas

7 respostas

Fala aí Thiago, tudo bem? Consegue postar o código do componente PhotoList e o Service responsável por buscar todas as fotos da API?

Fico no aguardo.

Código do componente photo-list.component.ts

import { Component, OnInit } from '@angular/core';
import { PhotoService } from '../photo/photo.service';

@Component({
  selector: 'app-photo-list',
  templateUrl: './photo-list.component.html',
  styleUrls: ['./photo-list.component.css']
})
export class PhotoListComponent implements OnInit {

  photos: any[] = [];

   constructor(private photoService: PhotoService){}

    ngOnInit(): void {

      this.photoService
      .listFromUser('flavio') 
      .subscribe(photos => this.photos = photos);





   }

}

Codigo do Photoservice

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Photo } from './photo';

const API = 'http://localhost:3000';

@Injectable({providedIn: 'root'})

export class PhotoService{

    constructor(private http: HttpClient){}      


       listFromUser(userName: string){

       return  this.http
            .get<Photo[]>(API + '/flavio/photos');


       }

}

Creio que o servidor Web parou de responder ao colocar os comandos de rotas, pois estou em casa e fiz todos os procedimentos(Versões Compatíveis) de acessos e nada.

Testes realizados //teste1 Verifico que ao acessar o web-api : http://localhost:3000/flavio/photos

retorna o código json das fotos.

//Teste2 Ao acessar o servidor : http://localhost:4200/p/add

O mesmo me retorna " photo-form works!" do componente photo-form

//Teste3 Ao acessar http://localhost:4200/user/flavio Me retorna o componente com o formato circular vazio

mas verifico o elemento e o mesmo traz o codigo Json , só não exibe mais na pagina

//Teste4 Acessando o web-api novamente http://localhost:3000/ Exibe esta mensagem {"message":"route / does not exists!"}

Deve ser ao em relação ao acesso mas eu ainda estou na 5ª aula de fundamentos

Há algo que eu possa editar no servidor Web-API? Para que eu possa acompanhar as aulas, não é que estar errado só que as fotos não estão sendo exibidas.

solução!

Fala aí Thiago, beleza? Esse erro é porque falta você definir uma rota raiz no Angular.

Você está acessando /, falta definir uma rota em branco nos seus módulos de rotas: path: ''.

Essa rota em branco deve retornar o PhotoListComponent.

Espero ter ajudado.