axios授权(Authorization)中basic auth的问题
今天遇到了一个与授权相关的问题。
所要使用的接口的Authorization type是basic auth。
我最开始使用的方法是:
axios.post('/aaa/bbb/ccc/ddd', {
auth: {
username: 'abc',
password: '123'
}
}).then((res)=>{
//请求成功的回调函数
console.log(res)
}).catch((err)=>{
//请求失败的回调函数
console.log(err)
})
这种方法会报401错误,同时本应该存在于requset headers的auth数据出现在了request payload中。
这种方法看来是不行了,所以我使用了另一种授权方法:
componentDidMount() {
const tok = 'my_username:my_password';
const hash = Base64.encode(tok);
const Basic = 'Basic ' + hash;
axios.get('http://my_url/api/stb', {headers : { 'Authorization' : Basic }})
.then(function(response) {
console.log(response.data);
console.log(response.headers['Authorization']);
}).catch(err => console.log(err));
}
这种方法是我在http://cn.voidcc.com/question/p-gjscgrlc-ty.html中看到的。
它通过将用户民密码数据转换成base64编码,送入请求头的Authorization中。
我根据这个方法重新下载了对应的base64包并写入导入代码,运行的结果是页面卡死。
我能找到的通过basic auth授权的方法只有这两个,但是它们都失败了。会不会是方向出了问题?
有没有可能,问题是出在axios上?
这种将请求地址和请求参数以字符串拼接一起的格式是我手头这个项目原先使用的方法。过去是不需要考虑授权问题的,所以代码能正常地跑。
我把axios地格式换成了以method来区分请求的那种:
axios({
method: 'post',
url: '/aaa/bbb/ccc/ddd',
auth: {
username: 'abc',
password: '123'
},
data:{
"aa":
[
"bb",
"cc"
]
}
}).then(result=>{
console.log(result.data.obj);
});
}
果然不会报401错误了,输入数据后也可以取到正常地返回值。这个问题就此解决了。