Question

我正在试验使用VueJS的Kentico Delivery Preview API，它允许您通过提交用于授权的承载令牌（https://developer.kenticocloud.com/reference#authentication）来获取未发布的内容。但是，无论我做什么我都会得到401的响应。 PROJECT_ID，ITEM_NAME和TOKEN都是正确的，是从项目中提取的，因此这不是拼写错误。我承认我对auth没有太多经验，但是可以提供任何帮助：

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在评论中指出的那样，我使用Author而不是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);
    });

带有Bearer令牌的VueJS GET请求

2 个答案: