具有基本身份验证的Vue资源

Question

我在Vue 2.0中使用Vue Resource编写了一个方法，该方法使用基本身份验证连接到API。

application/x-www-form-urlencoded

当我在浏览器中运行此操作时，我只是在控制台中收到＆＃34; 403（禁止）＆＃34; 错误消息。

使用Postman中的这些授权凭证，我可以完美地连接和接收数据。我有一种感觉，我在标题中错误地传递了授权。

Answer 1

尝试这样做：

var options = {
    url: 'http://surebuddy.azurewebsites.net/Api/Products',
    method: 'GET',
    headers: 
    {
        Authorization: 'Basic [your auth key in encoded in base64 here]'
    }
}
this.$http(options).then((response) => {
            //...
});

  

我在本地测试了它，它与您的身份验证密钥和网址一起使用。考虑   用占位符替换您的身份验证密钥并更改您的基本身份验证   凭证。