Http Vue请求未发送授权标头

我将VueJS与vue请求一起用于http请求。我试图向用户订阅

Mailchimp

列表，但

Mailchimp

使用

BasicAuth

，因此我这样做：

   scope.$http.post('https://us15.api.mailchimp.com/3.0/lists/listid/members',
{...mydata...}, {headers: {Authorization: 'Basic myencodedAPIkey'}})

但是我从

API:401未经授权中得到一个错误-您的请求没有包含API密钥。

因此，我在Chrome上检查网络日志，授权位于我的标题上，如下所示：

**访问控制请求标题：授权**

，但它应该类似于

**授权：myencodedAPIkey**

在控制台上，错误显示为：

无法加载XMLHttpRequest . 回应 飞行前请求未通过访问控制检查：否 “Access Control Allow Origin”标头出现在请求的服务器上 资源。因此，不允许使用源“” 通道响应的HTTP状态代码为401

---

当我使用Postman时，它可以正常工作，因为标头被正确发送。

通过在每个请求上设置标头，这个问题似乎已经解决了

在这里，通过设置它一次

---

通过在每个请求上设置头，这个问题似乎已经解决了

在这里，通过设置它一次

---

当您尝试从一台主机向另一台主机请求时，您将收到CORS错误，而“另一台”部分不允许发生此错误。为了防止这个错误，您可以使用，这样您就不会有跨源请求，但我不知道如果您的api不允许跨源请求，您将如何在生产环境中处理这个问题

在我正在从事的一个项目中，我们的devServer配置如下

    proxy: {
        '/api': {
            target: 'http://localhost:8080/'
        }
    },

---

这样，在

/api/any/url

上发生的任何请求都将被重定向到

本地主机：8080/api/any/url

当您尝试从一个主机向另一个主机请求时，您将收到CORS错误，“另一个”部分不允许它发生。为了防止这个错误，您可以使用，这样您就不会有跨源请求，但我不知道如果您的api不允许跨源请求，您将如何在生产环境中处理这个问题

在我正在从事的一个项目中，我们的devServer配置如下

    proxy: {
        '/api': {
            target: 'http://localhost:8080/'
        }
    },

这样，在

/api/any/url

上发生的任何请求都将重定向到

localhost:8080/api/any/url