我正在尝试添加基本身份验证 https://en.wikipedia.org/wiki/Basic_access_authentication#Client_side到我的 angular2 应用程序。
public login() {
// Set basic auth headers
this.defaultHeaders.set('Authorization', 'Basic ' + btoa(this.username + ':' + this.password));
console.log('username', this.username)
console.log('password', this.password)
console.log(this.defaultHeaders)
// rest is copy paste from monbanquetapiservice
const path = this.basePath + '/api/v1/development/order';
let req = this.http.get(path, { headers: this.defaultHeaders });
req.subscribe(
_ => { },
err => this.onError(err)
);
}
我期望看到的是带有以下内容的 GET 请求Authorization
我放置的标题。
但我首先看到的是OPTIONS与此标题:
OPTIONS /api/v1/development/order HTTP/1.1
Host: localhost:8080
Connection: keep-alive
Access-Control-Request-Method: GET
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.110 Safari/537.36
Access-Control-Request-Headers: authorization, content-type
Accept: */*
Referer: http://localhost:3000/
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-GB,en-US;q=0.8,en;q=0.6,fr;q=0.4
由于我的服务器不允许OPTIONS在此网址上,我收到错误。
我知道某些方法(如 PUT 或 POST)首先发送 OPTIONS 方法来预检请求,但 GET 不会。
为什么angular2的http先发送一个OPTIONS?
Thanks.