Angularでhttp $を使用する基本認証 - ユーザー名/パスワードとgrant_typeを受け取ります

Question

私は、Postmanを使用して動作することがわかっている認証エンドポイントに対して認証するためにAngularを使用しようとしています。

<script type="text/javascript"> 
    var tokenGeneratorApp = angular.module('myApp', []); 

    myApp.controller('AuthenticationController', function ($scope, $http) { 
     var ac = this; 
     ac.authorizationToken = null; 

     ac.getAuthorizationToken = function() { 
      $http({ 
       method : 'POST', 
       url: 'https://api.myserver.net/oauth/token', 
       data: { 
        grant_type: 'password', 
        username: 'theUserName', 
        password: 'thePassword' 
       }, 
       headers: { 
        'Content-Type': 'application/json' 
       } 
      }).then(_authenticationSuccess, _authenticationError); 
     }; 

     // Private methods to handle promise results 

     function _authenticationSuccess(response) { 
      ac.authorizationToken = response.data; 
      ac.resultsDisplay = ac.authorizationToken; 
     }; 

     function _authenticationError(response) { 
      ac.resultsDisplay = 'An error occured: ' + response.data; 
     }; 
    }); 
</script> 

getAuthorizationToken()私はHttp 400バックを取得します。 response.dataオブジェクトを調べると、エラーがerror:"unsupported_grant_type"と表示されます。 Postmanクライアントではgrant_typeをpasswordと指定しており、すべて正常に動作するため、これは私を混乱させます。

私は角度コードで何か間違っている必要があります。

Answer 1

最近非常に似た問題がありました。 'ヘッダ' を削除してみて、以下のように、代わりに 'dataTypeと' を挿入：

 $http({ 
      method : 'POST', 
      url: 'https://api.myserver.net/oauth/token', 
      dataType: "json", 
      data: { 
       grant_type: 'password', 
       username: 'theUserName', 
       password: 'thePassword' 
      } 

EDIT

 $http({ 
      method : 'POST', 
      url: 'https://api.myserver.net/oauth/token', 
      data: { 
       "username=" + theUserName + "&password=" + 
       thePassword + "&grant_type=thePassword" 
      }, 
      headers: { 
       'Content-Type': 'application/x-www-form-urlencoded' 
      } 

Answer 2

//解決=>エラー： "unsupported_grant_type"

VMを.BtnLogin = function（）{

$scope.txtUsernamee; 
    $scope.txtPasswordd; 

    var client_credentials = $scope.txtUsernamee + $scope.txtPasswordd; 
    var auth = 'username=' + $scope.txtUsernamee + '&' + 'password=' + $scope.txtPasswordd + '&grant_type=password'; 

    $http({ 
     method: "POST", 
     url: '/token', 
     contentType: 'application/json', 
     data: auth 

    }).then(function success(response) { 
     //$('#successModal').modal('show'); 
     console.log("ok") 
     }, 
     function error(e) { 

      console.log(e) 
     } 
    ); 
};