vue.js - 带有承载令牌的 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

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

Answer 2

在您的请求之前使用 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);
    });