基本身份验证不适用于具有Ionic / Angular的WP API

Question

我将这个Ionic项目带到了使用WP API的地方。现在在我的应用程序中，我希望用户能够提交帖子并将数据保存到WP DB。我试图通过让我的应用程序自动验证为每个人的1个用户来实现此目的。以下documentation的基础，我安装了Basic Auth Plugin。我还安装了angular-base64。搞砸了一切并运行应用程序，但我仍然得到401（未经授权）。

遵循WP API V2 documentation on CRUD api路线用于发布任何内容如下 - ＆gt; POST / wp-json / wp / v2 / posts创建一个新帖子

我的部分HTML代码：

<div class="padding">
        <textarea class="customTextarea" name="question" id="" cols="30" rows="30" 
        placeholder="Add Question Here" ng-model="question"></textarea>

        <button ng-click="save()">Submit</button>
    </div>

我的控制器代码的一部分：

.controller('AddQuestionCtrl', function($scope, $http, $base64){
    $scope.save = function(){
        console.log('SAVE');
        var url = 'http://XXXXX/wp-json/wp/v2/posts';
        var username = 'XXXX';
        var psw2 = 'XXXXX';

        $http.post(url, {question: $scope.question},{
            headers:{
                'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8',
                'Authorization' : 'Basic' + $base64.encode(username + ':' + psw2),
                'Access-Control-Allow-Origin': '*' 
            }
        }).then(function(response){
            $scope.result = response;
            console.log('The data has been saved to DB', $scope.result);
        });


    }

})

请有人帮助我。我忘记做错了什么。

Answer 1

我认为这可能就像你在Basic之后错过一个空格一样简单：

'Authorization' : 'Basic ' + $base64.encode(username + ':' + psw2),