我正在通过axios在Vue中发出CORS get
请求。到目前为止一切都运行良好,但如果我需要通过基本身份验证进行身份验证,则无法使其工作。
这是我的代码
getData: function() {
let vm = this; // assign vue instance to vm
axios.get('url', {
withCredentials: true,
auth: {
username: 'name',
password: 'pass'
}
}).then(function(response) {
console.log(response)
}).catch(function(error) {
console.log(error)
})
}
尽管我已经正确输入了凭据和网址,但我总是收到401响应。它看起来像这样。
HTTP/1.1 401 Authorization Required
Date: Wed, 01 Feb 2017 16:23:31 GMT
WWW-Authenticate: Basic realm="'Realm'"
Content-Length: 499
Keep-Alive: timeout=15
Connection: Keep-Alive
Content-Type: text/html; charset=iso-8859-1
原始请求看起来像这样
OPTIONS 'url' HTTP/1.1
Host: 'host'
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Access-Control-Request-Method: GET
Origin: http://localhost:9000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.76
Safari/537.36
Access-Control-Request-Headers: authorization
Accept: */*
DNT: 1
Referer: http://localhost:9000/pages/blog_cc/blog_cc.html
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: de,en;q=0.8
我错过了什么?使用Postman和完全相同的凭据,一切都像魅力一样工作。甚至直接在Chrome中也是如此。
我看到这个问题已经被问了几次,但是其他主题上提出的所有答案对我来说都不是解决方案。例如,我无法从节点发出请求。
编辑:我也尝试使用原始JS发出请求,但效果也不佳。似乎问题在后端。然而,这是我的代码。
let xml = new XMLHttpRequest();
xml.open('GET', api, true);
xml.setRequestHeader('Authorization', 'Basic: ' + btoa(user + ':' + pass));
xml.send();