flexj（Webコントロール）内でangularjsを使用しているときにクロスドメインエラーを取得し、テンプレート/ json（ローカルファイル）を読み込もうとしています

Question

私がしようとしていることについて少しの歴史を教えてください。

私はWebアプリケーションのコンテナとしてFlexアプリケーションを使用しています。したがって、このFlexアプリケーション内には完全な本物のAngularjsアプリケーションをロードするWebコントローラがあります。すべてのファイルは、Flexアプリケーション内にローカルに保存されます。

実行しようとすると、テンプレートをロードできません。 $ routeProviderを使用してロードされ、$ http.getを使用してデータが取得されます。

コアの問題は、ファイルシステム（Webサーバーを使用しない）から実行されているにもかかわらず、JavaScriptを使用してローカルファイルをプルすることができないことです。

私もChromeでテストしたところ、同じ問題があり、次のエラーが発生しました。 Chromeで

Origin null is not allowed by Access-Control-Allow-Origin.

、それが--allow-file-access-from-filesを使用して固定することができますが、それは、Flex /フラッシュウェブコントローラを介して作業を取得する方法を見つけ出すことはできません。

ご協力いただければ幸いです。

Answer 1

残念ながら、おそらくできません。私はそれがWebコントローラであることをFlexがどのように包んでいるのかわかりませんが、あなたがこれにぶつかっている理由はセキュリティです。

これは正当な理由から、JSがファイルシステムに直接アクセスできないようにするためです。

私は2つの回避策のいずれかを提案します。

• シンプルなウェブサーバーをバンドルします。例えばhttps://stackoverflow.com/questions/530787/simple-http-web-server

• は、それはハッセルのビットだnew File API

• を使用するAngularJSのApp（そしておそらく$ routeProvider）を変更したが<script type="text/ng-template" id="some-id"></script>

でメインファイルへのあなたのテンプレートのすべての内容をコピー

Answer 2

また、あなたがまだの場合は、angularJSコードを変更する....

Answer 3

を持っているかもしれないが、代わりに$ http.getの$ http.jsonpを使用することを試みることができますそうしました。アプリケーションにcrossdomainポリシーを設定してみてください。

問題は確かにCORSに起因しています。ブラウザはこのセキュリティ制約を適用します。あなたの場合、ブラウザはフレックスウェブコントロールです。

Webサーバーを使用せずにこの問題を回避することはできません。ファイルに対する要求が行われると、クロス・ソース・リソース共有ポリシーは、ファイルを処理するホストからの事前の許可なしにリソースをロードすることを許可しません。この許可は、httpヘッダーの形式で提供されます。

Access-Control-Allow-Origin: *

Answer 4

FlexでWebページをレンダリングする実装が少なくとも2つあると思います。私はすぐにStageWebViewのドキュメントをチェックして、ファイル：// uri schemeがローカルのXMLHttpRequests（基本的に$ http.getがやっていること）が可能であることを発見しました。