I am making a simple GET request to “https://thecatapi.com/api/images/get?format=xml&results_per_page=1” from a web application and would like to consume the response data. (More specifically, using the $http.get provided by vue-resource) However, I am receiving the following CORS-related error messages
Access to XMLHttpRequest from origin ‘localhost : 8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
According to Firefox:
“Reason: CORS header ‘Access-Control-Allow-Origin’ missing”
If the server is under your control, add the origin of the requesting site to the set of domains permitted access by adding it to the
Access-Control-Allow-Origin header’s value.
For example, to allow a site at to access the resource using CORS, the header should be:
Access-Control-Allow-Origin: <trusted site>
You can also configure a site to allow any site to access it by using the
So I’m not sure if this is something that needs to be added to the server-side response header or if I’m not doing something right.
Any insight appreciated. Thanks in advance!