CODEWITHSUNDEEP
javascriptvue.jsaxios
Nazmul Hossain Nihal
Nazmul Hossain Nihal

Reputation: 21

Having CORS error even after setting up headers

I am getting this error on a JS script:

Access to XMLHttpRequest at 'https://services.3xsoftware.co.uk/Search/ByPostcode/' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Here's my code and I have set up the headers but still it is not working. Please let me know if I am doing anything wrong:

 axios.get('https://services.3xsoftware.co.uk/Search/ByPostcode/' + postcode,
    "",
    {
        headers: {
            'Access-Control-Allow-Origin': '*',
        },

        responseType: "json",
    }
)

Upvotes: 0

Views: 1462

Answers (1)

Eugen Meissner
Eugen Meissner

Reputation: 41

This is a configuration issue on the server of your requested resource. It specifies which origins, so in this case, your vue instance, can access that server. If you have control over the server, you need to configure allowed origins. If you don't control the server, there isn't much that you can do.

Upvotes: 1

Related Questions