Estoy tratando de obtener datos HTML de cualquier sitio web usando obtener API.
Tengo esta URL: https://www.linkedin.com/
Estoy tratando de obtener una página HTML como texto de esta URL.
Lo que probé:
getData() { const api = "https://www.linkedin.com/"; return this.httpClient.get(api, { responseType: "text" }); } ngOnInit(): void { this.getData().subscribe((value) => { console.log(value); }); }Recibí este error:
El acceso a XMLHttpRequest en 'https://www.linkedin.com/' desde el origen 'http://localhost:4200' ha sido bloqueado por la política de CORS: No hay un encabezado 'Access-Control-Allow-Origin' presente en la solicitud recurso.
¿Qué me perdí?
Debe tener solicitudes de proxy para habilitar CORS en su aplicación angular. Para hacer esto, simplemente cree un archivo proxy.config.json e ingrese algo como esto.
{ "/api": { "target": "http://localhost:5000", "secure": false } }Luego debe informar a angular sobre esta configuración. Puede hacerlo agregando una opción proxyConfig dentro de su archivo angular.json.
"architect": { "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "application-name:build", "proxyConfig": "src/proxy.config.json" },