Home » vue » Having CORS error even after setting up headers

Having CORS error even after setting up headers

Posted by: admin November 26, 2021 Leave a comment

Questions:

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",
    }
)
Answers:

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.