[英]VueJS GET request with Bearer token
我正在使用 VueJS 试验 Kentico Delivery Preview API,它允许您通过提交不记名令牌进行授权来获取未发布的内容( https://developer.kenticocloud.com/reference#authentication )。 但是,无论我做什么,我都会收到 401 响应。 PROJECT_ID、ITEM_NAME 和 TOKEN 都是正确的,取自项目,所以这不是错字问题。 我承认我对身份验证没有太多经验,但任何帮助将不胜感激:
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
mounted () {
axios
.request({
url: '/items/ITEM_NAME',
method: 'get',
baseURL: 'https://preview-deliver.kenticocloud.com/PROJECT_ID',
headers: {
'Authorisation': 'Bearer TOKEN'
}
})
.then(response => {
console.log(response.data)
})
}
})
正如 Walter 在评论中指出的那样,我用 S 而不是 Z 拼写了 Authorization .. 因为我是英国人。 哎呀。
在您的请求之前使用 create 配置 axios 标头
const TOKEN = 'Token';
const BASEURL = 'https://preview-deliver.kenticocloud.com/PROJECT_ID';
const ENDPOINT = '/items/ITEM_NAME';
axios.create({
baseURL: BASEURL,
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer '+TOKEN
}
})
.get(ENDPOINT)
.then(res => {
console.log(res);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.