問題タブ [angular2-http]

API から JSON データを取得し、angular 2 を使用してそのコンテンツを表示しようとしています。会話コンポーネント:

会話サービス:

何らかの理由で this.conversation は定義されていません。サービスファイルでjsonにマップした直後に応答を警告しようとしました:「オブジェクト:オブジェクト」と表示されます

どんな助けでも大歓迎です。

サーバーからトークンを取得して動作しているポストメソッドがあります

this.serverサーバーの URL を含む文字列です。angular Httpのthis._http単なるインスタンスです

そしてthis.token単なる空の文字列ですprivate token: string;

これですべて問題なく動作し、サーバーから適切なトークンを取得しています。私の問題は、get メソッドでこのトークンを使用しようとすると機能せず、401 (未承認) エラーが発生することです。

私のバグのある get メソッドは次のとおりです。

http.get リクエストを実行しようとしていますが、実行できません。

Service以下は、私が使用しているの関連部分です。

Postmanで get リクエストを実行できるため、URL http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=npが有効であることはわかっています。

npm-liteを使用してアプリを実行していますが、http://localhost:3000に読み込まれます

http://localhost:3000で実行すると、次のエラーが発生します: XMLHttpRequest cannot load http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://localhost:3000 ' へのアクセスは許可されません。

アプリが http で実行されており、get 要求を適切に実行するには https である必要があることが問題である可能性があると考えたので、bs.config.jsonファイルを作成しました。npm-lite を使用すると、browser-syncから実行するオプションを使用できます。アプリを https で実行できるように、https を true に設定しました。

bs-config.json

アプリを実行すると、' https://localhost:3000 ' で実行され、次のエラーが表示されます: zone.js:101Mixed Content: The page at ' https://localhost:3000/portfolio ' was loaded over HTTPS 、安全でない XMLHttpRequest エンドポイント ' http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np ' をリクエストしました。このリクエストはブロックされました。コンテンツは HTTPS 経由で提供する必要があります。

ここから先に進む方法がわかりません。http get リクエストを適切に設定しているかどうか、または何か誤解している場合はお知らせください。ありがとう！

============================================

EDIT 1: @AngJobs の推奨事項に応じて:クロスブラウザリクエストのリクエストに特別なヘッダーを追加するだけです

リクエストにヘッダーを追加しました：

http://localhost:3000での実行に戻りました が、エラーが発生しました: XMLHttpRequest cannot load https://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np。プリフライトの応答が無効です (リダイレクト)

私のangular2アプリでは、httpリクエストが開始されるたびにプリローダー(ロック画面)を表示し、リクエストが終了したら非表示にしたいと考えています。subscribe メソッドを使用すると、リクエストが成功したか、エラーが発生したか、完了したかを検出できます。リクエストで subscribe メソッドを呼び出すたびにプリローダーのコードを書くのは悪い考えだと思います。

1. リクエストの開始/終了を検出するにはどうすればよいですか (subscribe メソッドを除く)。
2. すべてのリクエストにプリローダーを追加する良い方法は何ですか?

angular 2（バージョン：2.0.0-rc.1、CLIでインストール）でhttpリクエストを作成しようとすると、このエラーが発生し、問題がどこにあるのかわかりません。

component.ts

main.ts

パッケージ.json

ご協力いただきありがとうございます！

このチュートリアルに従って、1 つの http インターセプターを作成しました。
https://www.illucit.com/blog/2016/03/angular2-http-authentication-interceptor/

以下は私のコードです：

以下は、それをブートストラップするコードです。

CustomHttp のコンストラクターが表示されている場合は、EventEmitterService のオブジェクトを挿入しています。しかし、このオブジェクトはクラスの「この」オブジェクトに割り当てられていません。そのため、「インターセプター」メソッドでは使用できません。
私は何をしているのですか？

利用可能な言語のリストを提供する LanguageService があります。このリストは、バックエンド リクエストによって初期化する必要があります。

別のサービスが を呼び出すたびにバックエンドをリクエストすることは避けたいと思いますlanguageService.getAvailableLangauges()。

必要な最初のリクエストの結果をキャッシュする良い方法は何でしょうか?