2

Buen día para todos, lo que pasa es que estoy consumiendo un servicio de LeagueOfLegends y me sale éste error, no sé porqué me sale. introducir la descripción de la imagen aquí De antemano muchas gracias.

[Servicio]

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Post } from '../model/testPost';
import { environment } from 'src/environments/environment';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json'
  })
}

@Injectable({
  providedIn: 'root'
})
export class TestPostService {
post: Post;
  constructor(private httpClient: HttpClient) {
  }
  getData() {
    return this.httpClient.get<Post[]>(environment.pruebaMMR, httpOptions);
  }
}

[En el componente que quiero que salga]

constructor(private dataProfileService: DataProfileService, private testPostService:TestPostService) {
    this.testPostService.getData()
      .subscribe(res => {
        console.log(res);
      },
      err => {
        console.log(err);
      })
  }

La cuestión es que intento consumir un servicio y no he podido

Dejo la URL del servicio para que puedan hacer sus pruebas y sea más fácil ayudarme: http://www.lolskill.net/summoner/LAN/Dissentient

1

1 respuesta 1

1

Ese error es debido a que intentas obtener datos de un servidor ajeno al que estas manejando, son políticas de seguridad CORS, te puedes saltar estas restricciones usando extensiones en el área te recomiendo esta: https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

la instalas, la activas y listo adiós a esta restricción.

para navegadores basados en chromium funciona bien. si usas firefox busca una similar.

3
  • Pues instalé la extensión que me dices, desaparece el error, pero la cuestión es que devuelve un Null, ¿sabes por qué es? Commented el 26 mar. 2019 a las 19:30
  • Entonces lo más problable que tu variable httpClient no este obteniendo ningún valor, pasa vacía, verifica que estés obteniendo datos, si estas consumiendo consultas de algún .php verifica bien el uso de JSON, usa los JSON.parse(httpClient) o los JSON.stringify(httpClient) (manda alert() para que cheques el contenido) para que puedas realizar conversiones correctamente. Commented el 26 mar. 2019 a las 20:08
  • Pues lo estoy haciendo desde Angular, no meto PHP, pero pues igualmente sigo mirando, porque pensé que no estaba obteniendo nada de la URL, pero la rectifiqué y lo hice con POSTMAN y si funciona perfectamente. Commented el 26 mar. 2019 a las 20:10

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.