无法从 Kinvey 数据库加载数据

Cannot load data from Kinvey database

我在 Kinvey 中创建了一个数据库,我正在尝试通过按钮上的 onclick 事件加载数据。我试图 console.log 我对承诺的回应,看看我是否会得到 object ,但它没有 object 而是给我这个错误:

错误:“您请求中的授权 header 格式错误。授权 header 应包含由 space 分隔的两部分:类型(Basic 或 Kinvey)和base64 编码的身份验证字符串。

我的 GET 请求有什么问题,为什么会出现 return 这个错误,因为我已经有了授权 header?

这是我的 html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Blog</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<h1>All Posts</h1>
<button id="btnLoadPosts" onclick="attachEvents()">Load Posts</button>
<select id="posts"></select>
<button id="btnViewPost">View</button>
<h1 id="post-title">Post Details</h1>
<ul id="post-body"></ul>
<h2>Comments</h2>
<ul id="post-comments"></ul>
<script src="./blog.js"></script>
</body>
</html>

和我的 JavaScript:

function attachEvents() {
    const URL = 'https://baas.kinvey.com/appdata/kid_Sy8W2Z0Y7';
    const USERNAME = 'Peter';
    const PASSWORD = 'p';
    const BASE_64 = btoa(USERNAME + ':' + PASSWORD);
    const AUTH = {"Authorization" : 'Basic' + BASE_64};

    $('#btnLoadPosts').on('click', loadPosts);

    function loadPosts() {
        $.ajax({
            method: 'GET',
            url: URL + 'posts',
            headers: AUTH
        }).then(function(response) {
            cosole.log(response);
        }).catch(function(error) {
            console.log(error);
        })
    }
}

你是不是忘了在授权header的Basic后面加一个space?