角2 http發布得到錯誤的請求錯誤

Question

我正在創建角度應用程序以從laravel API獲取數據，

let headers = new Headers();
headers.append('Content-Type', 'application/X-www-form-urlencoded');
const loginInfo = 'email=' + email + '&password=' + password;
return this.http.post(this.ApiUrl + '/api/v1/login', loginInfo, {headers: headers}).do((resp) => {
    if (resp) {
        console.log(resp);
        localStorage.setItem(this.tokenKey, JSON.stringify(resp.json().access_token));
        console.log(localStorage);
    }
}).catch((error) => {
    return Observable.of(false);
});

這是我從組件調用的身份驗證服務以訂閱此方法，但我不斷收到“ 400錯誤請求”。 我也嘗試使用

 loginInfo = new URLSearchParams();
 loginInfo.append('email', email);
 loginInfo.append('password', password);

或使用表單數據內容類型。 但所有人都返回相同的錯誤。

Answer 1

let urlSearchParams = new URLSearchParams();
urlSearchParams.append('password', password);
urlSearchParams.append('email', email);
let loginInfo = urlSearchParams.toString();

.toString（）參數

Answer 2

嘗試這個

const loginInfo = 'email=' + email + '&password=' + password;
let body = JSON.stringify(loginInfo);
return this.http.post(this.ApiUrl + '/api/v1/login', body,{headers:headers}).do((resp) => {