CORS error when trying to call get API in Angular

Question

I am trying to get HTML data from any website using get API.

I have this URL: https://www.linkedin.com/

I am trying to get HTML page as text from this URL.

What I tried:

  getData() {
    const api = "https://www.linkedin.com/";
    return this.httpClient.get(api, { responseType: "text" });
  }

 ngOnInit(): void {
    this.getData().subscribe((value) => {
      console.log(value);
    });
  }

I got this error:

Access to XMLHttpRequest at 'https://www.linkedin.com/' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

What did I miss?

you can't access resources cross origin unless that server allows it. — Daniel A. White, Mar 20 '22 at 17:08
but if i have credential username and password for my linked in i can access it ? @Daniel A. White — elon git, Mar 20 '22 at 17:10
no - please read up on cors https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS — Daniel A. White, Mar 20 '22 at 17:18

score -2 · Answer 1 · edited Mar 20 '22 at 19:21

-2

You need to have proxy requests to enable CORS in your angular application. For doing this, simply create a proxy.config.json file and enter something like this.

{
 "/api": {
 "target": "http://localhost:5000",
 "secure": false
 }
}

You then need to inform angular about this configuration. You can do this by adding a proxyConfig option inside your angular.json file.

"architect": {
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "application-name:build",
"proxyConfig": "src/proxy.config.json"
},

edited Mar 20 '22 at 19:21

Dharman

30,962
25
85
135

answered Mar 20 '22 at 19:15

Ajinkya Suryawanshi

11
1

1

This did not work for me. – aliencity Jun 30 '22 at 17:54

CORS error when trying to call get API in Angular

1 Answers1