$.ajax({
url: "/api/v1/wuliu/queryTrace",
beforeSend: function(request) {
request.setRequestHeader("Authorization", localStorage.token);
},
success:function(data){
console.log(data);
}
})结果接口返回401错误,这说明身份验证出了问题,通过抓包我确认了请求头中有Authorization:
Authorization: "bearer;eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoi5pmu6YCa55So5oi3IiwidW5pcXVlX25hbWUiOiJ5eWRsLTEzMjU1MDQ0NzA0IiwidXNlcmlkIjoiMTUyODM1NDY5MDM0ODIyNDUxMiIsImlzcyI6InJlc3RhcGl1c2VyIiwiYXVkIjoiMDk4ZjZiY2Q0NjIxZDM3M2NhZGU0ZTgzMjYyN2I0ZjYiLCJleHAiOjE5ODIyODAxMDMsIm5iZiI6MTY2NjkyMDEwM30.zuMzltEA8Z-V4msD_R_QZpaV-KLz4Ffop0-YLUgceZU"
不知道哪里出了问题,尝试将token直接写到代码中:
$.ajax({
url: "/api/v1/wuliu/queryTrace",
beforeSend: function(request) {
request.setRequestHeader("Authorization", "bearer;eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoi5pmu6YCa55So5oi3IiwidW5pcXVlX25hbWUiOiJ5eWRsLTEzMjU1MDQ0NzA0IiwidXNlcmlkIjoiMTUyODM1NDY5MDM0ODIyNDUxMiIsImlzcyI6InJlc3RhcGl1c2VyIiwiYXVkIjoiMDk4ZjZiY2Q0NjIxZDM3M2NhZGU0ZTgzMjYyN2I0ZjYiLCJleHAiOjE5ODIyODAxMDMsIm5iZiI6MTY2NjkyMDEwM30.zuMzltEA8Z-V4msD_R_QZpaV-KLz4Ffop0-YLUgceZU");
},
success:function(data){
console.log(data);
}
})结果接口正常返回了,两者有什么区别吗?再次抓包,Authorization是这样子的:
Authorization: bearer;eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoi5pmu6YCa55So5oi3IiwidW5pcXVlX25hbWUiOiJ5eWRsLTEzMjU1MDQ0NzA0IiwidXNlcmlkIjoiMTUyODM1NDY5MDM0ODIyNDUxMiIsImlzcyI6InJlc3RhcGl1c2VyIiwiYXVkIjoiMDk4ZjZiY2Q0NjIxZDM3M2NhZGU0ZTgzMjYyN2I0ZjYiLCJleHAiOjE5ODIyODAxMDMsIm5iZiI6MTY2NjkyMDEwM30.zuMzltEA8Z-V4msD_R_QZpaV-KLz4Ffop0-YLUgceZU
通过比较发现,前者Authorization的值多了一对引号,在控制台直接输出token,也是多了一对引号:

知道了原因,对代码稍做修改,替换删除掉引号:
$.ajax({
url: "/api/v1/wuliu/queryTrace",
beforeSend: function(request) {
request.setRequestHeader("Authorization", localStorage.token[color=red].replace(/"/g, "")[/color]);
},
success:function(data){
console.log(data);
}
})问题解决!
评论(0)
暂无评论。