問題タブ [zonejs]

現在の動作

現在、私は 151.101.1.195 を持つfirebase ホスティングで角度をホストし 、私の API は IP 23.98.64.158を持つ Azure サーバーにあります

次に、Angular v6.1.7で次の行を使用してPOSTリクエストを送信します

23.98.64.158で Azure API サーバーに OPTIONS 要求を実行し、次に POST のみを実行すると想定していますが、どういうわけか、POST、OPTION、および POST を省略します。Chrome devtool のネットワーク タブを見ると、最初の POST でリクエストが firebase ip 151.101.1.195に送信されたことが示されていますが (これはすべきではありません)、その後の OPTION および POST リクエストは azure IP 23.98.64.158を修正するために解決されます。

これは私の devtool ヘッダーの一般情報です。間違ったRemote Address 151.101.1.195に投稿されていることを示しています。

その後、正しい Azure IP を指す後続の要求

予想される行動

https://someazuresite.azurewebsites.net/api/do/something への OPTION と POST の呼び出しのみが表示さ れ、AZURE IP のみに解決され ます。 ?

指示による問題の最小限の再現

行動を変える動機/ユースケースは何ですか?

環境

Angular Elements を使用してウィジェットを作成すると、奇妙な動作に直面しています。別のサイトで簡単なフィードバック フォームをポップアップ表示するウィジェットを作成し、Angular でビルドし、開発ではうまく機能しますが、実稼働用にアプリケーションをビルドすると、ウィジェットと一部の遅延ロード モジュールとの間に非互換性があります。

ウィジェットは、アプリケーションが最初にロードされるときに、外部 URL からアプリケーションにロードされます。次に、アプリケーションにログインし、モジュールが遅延ロードされると、次のエラーが報告されます

いくつかのコンテキスト情報:

• ウィジェットは "@angular/elements": "^7.0.1" を使用してビルドされます
• ウィジェットが pollyfill を使用しているのは、Web コンポーネントがまだ広く採用されていないためです。
• pollyfills は Zone.js を使用します
• アプリはAngular 7.0.1を使用して構築されています

このあいまいなエラー メッセージを掘り下げると、これはアプリとウィジェットによって 2 回読み込まれた Zone.js に関連していることがわかりました。これはこれに関連する問題です - https://github.com/angular/angular/issues/24466 - https ://github.com/angular/angular/issues/24181 - https://github.com/angular/angular/issues/26158

私もこのソリューションを試してみましたが、成功しませんでした: - https://www.npmjs.com/package/elements-zone-strategy

私はAngular Elementsを初めて使用します。どんな助けでも大歓迎です。

これは、angular-cli で構築された Angular 7 アプリのプロファイラーが示しているものです。

すべての関数呼び出しは にバンドルされてzone.jsおり、何が実行され、どのくらいの期間実行されるかについての有用な情報を得ることができません。

アプリはで実行されています: ng serve、デバッグモードになっていると思います:

main.ts で

実行時にenableProdMode()は呼び出されません。

私はangular.jsonwebpackを本番モードで実行するように構成していると思っていましたが、ng newいくつかの外部スクリプト+ scssファイルを追加することを除いて、新しいプロジェクトとまったく同じです(それらを比較しました)。