Angular http GET request No 'Access-Control-Allow-Origin' header

Question

I'm currently building an application using Angular and Firebase (Firestore).

How can I retrieve the data located here http://maps.huge.info/zipv0.pl?ZIP=32750 and convert it from xml to json? This is my current get request but it's returning "No 'Access-Control-Allow-Origin' header is present on the requested resource". What am I doing wrong?

getZipData() {
  return this.http.get(`http://maps.huge.info/zipv0.pl?ZIP=19382`);
}

Answer 1

In your firebase config you can specify the following, found in the config options and that should resolve your issue.

"headers": [ { "source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)", "headers" : [ { "key" : "Access-Control-Allow-Origin", "value" : "*" } ] }]

If you're using the angular-cli and running locally you can use the proxy config and proxy the URL while developing. https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/