Angular 2 HTTP POST執行OPTIONS調用

Question

我的Angular 2應用程序遇到了一個非常奇怪的問題。 我實際上想要向我的Play Scala API發出包含JSON的POST調用，但它一直想嘗試進行OPTIONS調用。

這是我的代碼：

login服務

constructor (private _apiEndpoint: ApiEndpoint) {}

postLogin(login: string, credential: string): Observable<AuthToken> {
    let headers = new Headers({ "Content-Type": "application/json" })
    let jsonLogin = {"login": login, "password": credential}

    return this._apiEndpoint.postLogin(JSON.stringify(jsonLogin), headers)
                    .map(this._apiEndpoint.extractData)
}

ApiEndpoint

constructor (private _http: Http) {}

postLogin(body: string, options: any) {
    return this._http.post("http://localhost:9000/login", body, {
        headers: options
    })
}

然后當我嘗試進行調用時（我已經嘗試使用console.log來檢查JSON並且它是正確的），並且調用嘗試以任何原因進行OPTIONS調用：

有人有想法嗎？ 謝謝 ！

Answer 1

您正在進行跨域請求。

請求是localhost:9000 ，由localhost:9002 。

瀏覽器使用OPTIONS動詞創建一個飛行前請求，以便知道他是否可以繼續並發出“真實”請求。

在這里閱讀更多關於CORS的信息