即使在设置标头后也出现 CORS 错误答案

【问题标题】：Having CORS error even after setting up headers即使在设置标头后也出现 CORS 错误
【发布时间】：2021-10-15 17:24:56
【问题描述】：

我在 JS 脚本上收到此错误：

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.

这是我的代码，我已经设置了标题，但仍然无法正常工作。如果我做错了什么，请告诉我：

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

        responseType: "json",
    }
)

【问题讨论】：

这不是我的强项，但我相信你应该从 API 端设置 Access-Control-Allow-Origin 标头。但这看起来像是发出请求的客户端。
这能回答你的问题吗？ XMLHttpRequest cannot load XXX No 'Access-Control-Allow-Origin' header

标签： javascript vue.js axios

【解决方案1】：

这是您所请求资源的服务器上的配置问题。它指定了哪些来源，因此在这种情况下，您的 vue 实例可以访问该服务器。如果您可以控制服务器，则需要配置允许的来源。如果您不控制服务器，那么您将无能为力。

【讨论】：