如何在Angular Js Post方法中传递访问令牌

Question

我正在尝试使用电子邮件 ID 和角色创建用户角色，在标题中我传递内容类型和授权，当我提交表单时，我收到 XMLHttpRequest 无法加载错误。如何在 angualr js 中传递授权令牌。

var Access_Token = L5uCp_JwSa9Fk7_ShrqPWi1FPdT_.......

$http({ 
url: "http://localhost:54581/api/Account/AddRole?username=" + email +  "&Role=User",
 method: "POST",
 headers: {
 'Content-Type': 'application/x-www-form-urlencoded',
                        'Authorization': 'bearer ' + Access_Token
                    }

                }).
                then(function (response) {
                    alert("Success")
                })

Answer 1

如果您使用 POST 方法，则不能直接将参数附加到 url。您需要先使用 Angular 内置的 httpParamSerializer 对其进行序列化，然后将其发送到数据中。

var myData = {username : email,Role : "user"}
$http({
    url: http://localhost:54581/api/Account/AddRole,
    method: 'POST',
    data: $httpParamSerializerJQLike(myData),
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
      'Authorization': 'bearer ' + Access_Token
    }
  });