angularjs – 如何在Header Angular JS中传递授权令牌

2023年4月13日 205次阅读

在我的控制器中,我试图调用我的API,但我无法传递Autherization令牌.

我创建了一个config var并在其中传递我的令牌,但获得了以下响应：

900902Missing Credentials需要未提供的OAuth凭据.确保您的API调用调用有一个标题：“授权：Bearer ACCESS_TOKEN”

** JS代码**

 app.controller("AuthenticationController", function($scope, API_URL, vcRecaptchaService, $http) {

       var config = {
         headers: {
           'Authorization': 'Bearer 00000-e5673-346756f-8676-f7567561a'
         }
       };
       $scope.verifyRecaptcha = function() {

         if (vcRecaptchaService.getResponse() === "") {
           alert("User did not resolve the recaptcha")
         } else {
           var post_data = {
             'g-recaptcha-response': vcRecaptchaService.getResponse()
           }
           $http.post('https:1.1.1.1/abc/vdc/verify', config, post_data).success(function(response) {

               if (response.success === true) {
                 alert("Successfully resolved the recaptcha.");
               } else {
                 alert("User verification failed");
               }
             })
             .error(function(error) {
               alert("Error Occured while resolving recaptcha.");
               console.log(error);
             })
         }
       }

最佳答案 我想你已经改变了有效载荷和标题的位置

应该
http.post(url,data,config)而不是http.post(url,config,data)

链接到doc

如果我可以给你一个建议,我会将所有逻辑放在一个http拦截器中,因此auth头将附加到每个请求.

点赞