Buen día. Estoy desarrollando un portafolio web usando Angular y Java con Spring Boot. No logro que se visualice la información que traigo desde la api de Spring. Aunque se que esta llegando porque si puedo ver el mensaje que traigo desde el back en la consola y me devuelve un status 200. Este es el código del servicio que trae los datos del back:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class PorfolioService {
url:string="http://localhost:8080/portfolio";
constructor( private http: HttpClient) { }
obtenerDatos(): Observable<any> {
return this.http.get<any>(this.url+"/about");
}
}
Este es el componente donde espero que se impriman los datos:
import { Component, OnInit } from '@angular/core';
import { PorfolioService } from 'src/app/servicios/porfolio.service';
@Component({
selector: 'app-about',
templateUrl: './about.component.html',
styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
constructor(private datosPorfolio:PorfolioService) {}
miPorfolio:any;
ngOnInit(): void {
this.datosPorfolio.obtenerDatos().subscribe(data => {
this.miPorfolio = data;
});
}
}
Intento traer la información de una clase controller. Este es el codigo:
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
@RestController
@CrossOrigin (origins = "http://localhost:4200")
public class Controller {
@GetMapping ("/portfolio/about")
@ResponseBody
public String aboutNombre() {
return "prueba de conexion al back";
// return "{ \"text\":\"Prueba de conexion al back\" }"; Tambien intente con este otro return
}
}
Este es el error que me muestra la consola:
Cual puede ser la causa?
any
. Cada vez que ponesany
en TYPEscript, el creador de JS mata a dos gatitos. Salvemos los gatitos, usemos tipado! Además, eso te habría ayudado a no tener este problema :)