带有 Bearer 令牌的 VueJS GET 请求

Question

我正在使用 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)
          })
      }

})

Answer 1

正如 Walter 在评论中指出的那样，我将 Authorization 拼写为 S 而不是 Z.. 因为我是英国人。哎呀

Answer 2

在请求之前使用 create 配置 axios headers

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);
    });

带有 Bearer 令牌的 VueJS GET 请求

VueJS GET request with Bearer token

vue.js

axios

kentico-kontent