Angular 2.0 Http 发布请求不发送凭据

Question

Api 在从高级客户端调用时运行良好，但当我通过 http 调用时，它无法按预期工作。这是因为它没有发送凭据。各位大侠帮帮我，这里怎么用withCredentials:true。

这是我的角度代码：

var headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
this.http.post('http://localhost/jiffy_fun/laravel/public/token',{headers: headers}).map(res => res.json()).subscribe(res => {this.token = res});

谢谢

Answer 1

我认为你混合了两种不同的东西。对于我在您提供的代码中看到的内容，您希望使用 Angular2 HTTP 类使用 AJAX 请求从表单发送凭据。在这种情况下，您需要在post 方法的第二个参数中提供此内容，如下所述：

var creds = "username=" + username + "&password=" + password;

var headers = new Headers();
headers.append('Content-Type',
         'application/x-www-form-urlencoded');
this.http.post(
    'http://localhost/jiffy_fun/laravel/public/token',
    creds,
    {headers: headers})
.map(res => res.json())
.subscribe(res => {this.token = res});

withCredentials 属性与 CORS（跨域请求）不同。事实上，默认情况下，CORS 不会为此类请求发送 cookie。您可以选择通过将 xhr 对象上的 withCredentials 属性设置为 true 来更改此行为。这个链接可以给你一些额外的提示：http://www.html5rocks.com/en/tutorials/cors/?redirect_from_locale=fr。请参阅此withCredentials 部分。

希望对你有帮助 蒂埃里

Answer 2

我想到了一些事情 - 您正在执行 POST，但将标头作为正文发送。

withCredentials 可以与下面的标题一起设置。 抱歉，现在没有时间去 plunkr ：S

let headers = {
  'Content-Type' : 'application/x-www-form-urlencoded'
}
let options = new RequestOptions({ headers: headers, withCredentials: true });

this.http.post('http://localhost/jiffy_fun/laravel/public/token',JSON.stringify({}),options).map(res => res.json()).subscribe(res => {this.token = res});

我不确定 http API 将如何处理空的 url 编码主体，因此选择了字符串化空对象的最安全选项 - 但肯定可以整理一下！

希望有所帮助！

Answer 3

您的 http post 调用中缺少 body 参数。

// Http post function declaration
post(url: string, body: string, options?: RequestOptionsArgs) : Observable<Response>

https://angular.io/docs/ts/latest/api/http/Http-class.html