Angular2 http POST請求失敗

Question

我的服務有兩個方法Get和Post。獲取請求正在工作，但發佈請求失敗，說未經授權。

public getExercise(exerciseId): Observable<Exercise[]>{ 

    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers, withCredentials: true }); 

    return this.http.get(this.base_url + 'get_exercise/' + exerciseId + '/', options) 
    .map(this.extractData) 
    .catch(this.handleError); 
} 

public saveRating(value, exerciseId): Observable<Exercise[]>{ 

    console.log(value + " " + exerciseId) 

    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    headers.append('Authorization','Basic') 
    let options = new RequestOptions({ headers: headers, withCredentials: true }); 

    return this.http.post(this.base_url + 'save_progress/' + exerciseId + "/" + value + "/", options) 
    .map(this.extractData) 
    .catch(this.handleError); 
} 

得到：

帖子：

我在做什麼毛病Post方法？我從angular1應用程序原代碼的工作原理：

var url = "/api/exercises/save_progress/" + exerciseType + "/" + rating + "/"; 

       if($cookies.token){ 
        $http.defaults.headers.common.Authorization = 'Token ' + $cookies.token; 
       } 

Answer 1

的第二個參數角的Http.post方法不是請求選項，而是發佈請求的主體。

所以，你應該改變你的請求，把你的請求選項作爲第三個參數傳遞給http.post，而不是第二個參數。

如：

return this.http.post(this.base_url + 'save_progress/' + exerciseId + "/" + value + "/", {}, options) 

see the Angular docs