將標頭添加到從html內製作的http請求中

我通過要求在請求標頭中攜帶授權令牌來保護我的api端點。服務器確保此令牌在每個端點上均存在且有效。對於來自客戶端代碼（Angular 2）的請求，一切正常。將標頭添加到從html內製作的http請求中

但是，來自html的請求呢？

... 
<img src="api/Videos/{{video.id}}/thumbnail"> 
...

如何爲這些請求添加授權標頭？這是一款Angular 2應用程序，因此可能有幾種解決方案。

來源

2016-11-17 Brian Leach

不知道這是你的意思，但你可以創建一個服務來獲取所需的數據（從HTTP請求），

getData() : Observable<Model[]> { 
    // ...using get request 
    return this.http.get(this.url) 
      // ...and calling .json() on the response to return data 
      .map((res:Response) => res.json()) 
      //...errors if any 
      .catch((error:any) => Observable.throw(error.json().error || 'Server error')); 
}

和模型

export class Model { 
constructor(
    public id: string, 
    public imagePath: string 
    //other properties that you might need.. 
    ){}

}

那麼你只需要綁定src屬性，如

<img class="img-responsive" src="{{model.imagePath}}" style="max-height: 50px;"/>

請注意，您可以添加標題您的要求一樣，

let headers = new Headers({ 'Content-Type': 'application/json' }); 
let options = new RequestOptions({ headers: headers }); // Create a request option

然後

return this.http.get(url, { 
    headers: headers 
});

來源

2016-11-17 19:52:41

將標頭添加到從html內製作的http請求中

回答

相關問題