html内で行われたHTTPリクエストにヘッダを追加する

Question

私はリクエストヘッダに認証トークンを持っていることを要求することで、私のapiエンドポイントを保護しています。サーバーは、このトークンが存在し、各エンドポイントで有効であることを確認します。クライアントコード（Angular 2）からの要求に対してはすべて正常に動作します。

しかし、htmlからのリクエストはどうですか？

これらのリクエストに承認ヘッダーを追加するにはどうすればよいですか？これはAngular 2アプリですので、おそらくいくつかの解決策があります。これはあなたが何を意味するかですが、（HTTPリクエスト）から必要なデータを取得するサービスを作成することができれば、

Answer 1

わからない

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プロパティをバインドするだけで済みます。

あなたがその

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 
}); 

のようなあなたの要求にヘッダを追加することができます

注意