http url working on chrome browser but gives CORS error from angular 2

Question

Following is the url for yahoo finance api working on browser and also using postman [https://query1.finance.yahoo.com/v8/finance/chart/GOOG?range=1y&includePrePost=false&interval=1mo&corsDomain=finance.yahoo.com&.tsrc=finance][1] but getting an error while running from angular 2 app.

Failed to load https://query1.finance.yahoo.com/v8/finance/chart/GOOG?range=1y&includePrePost=false&interval=1mo&corsDomain=finance.yahoo.com&.tsrc=finance: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

Following is my code

  let url = 'https://query1.finance.yahoo.com/v8/finance/chart/GOOG?range=1y&includePrePost=false&interval=1mo&corsDomain=finance.yahoo.com&.tsrc=finance';
 console.log(url.toString());

       this.http.get(url)

       .subscribe(data => {
      let jsonData = data.json();
      console.log(JSON.stringify(jsonData));
   });

I have also added CORS extension

this might happen also if the server sends error or something, try to check the response text — Hussein, Apr 23 '18 at 18:17
Read https://stackoverflow.com/questions/3102819/disable-same-origin-policy-in-chrome — Saeed, Apr 23 '18 at 18:34
@saeed.At I tried to disable web security it is still not working — user2515173, Apr 24 '18 at 10:00
Both flags are necessary, `--disable-web-security --user-data-dir` — Saeed, Apr 24 '18 at 10:22
Thank you Saeed following command worked for me. I hosted the app and after hosting the app — user2515173, May 15 '18 at 19:41

score 0 · Answer 1 · answered May 15 '18 at 19:46

Thank you Saeed chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security worked for me by opening it into new browser with web security. I hosted the app and after hosting the app I get same error. is there a solution that makes it work on normal browser

http url working on chrome browser but gives CORS error from angular 2

1 Answers1