[解決済み] XMLHttpRequestがファイルを読み込めません。クロスオリジンリクエストはHTTPのみサポートされています
質問
以下のエラーが発生します。
XMLHttpRequest cannot load file:///C:/Users/richa.agiwal/Desktop/get/rm_Library/templates/template_viewSettings.html. Cross origin requests are only supported for HTTP.
この質問が以前に回答されていることは承知していますが、私の問題に対する解決策はまだ見つかっていません。私は
chrome.exe --allow-file-access-from-files
をコマンドプロンプトから実行し、ファイルをローカルファイルシステムに移動しましたが、まだ同じエラーが表示されます。
何かご指摘がありましたら、よろしくお願いします。
解決方法は?
パソコン上のコードエディターでHTMLやJavascriptを書き、ブラウザで出力を確認するようなことをしていると、おそらく以下のようなエラーメッセージが表示されるでしょう。
Cross Origin Requests
. ブラウザはHTMLをレンダリングし、Javascript、jQuery、angularJsをサーバーのセットアップを必要とせずにブラウザ上で実行することができます。 しかし、多くのウェブブラウザはクロスサイトアタックを監視するようにプログラムされており、リクエストをブロックしてしまうのです。 しかし、多くのWebブラウザはクロスサイトアタックを監視するようにプログラムされており、リクエストをブロックしてしまいます。Webブラウザから誰でもハードディスクを読み取れるようになるのは困ります。 Notepad++を使えば、JavascriptやjQuery、angularJsなどのフレームワークを実行する、完全に機能するWebページを作成することができ、Notepad++のメニュー項目を使うだけですべてをテストすることができます。
RUN, LAUNCH IN FIREFOX
. しかし、レイアウトやCSS、シンプルなページナビゲーション以上のものを作り始めるとなると、自分のマシンにローカルサーバーをセットアップする必要があります。
私が使っているオプションはこちらです。
- Firefoxでウェブページをローカルにテストし、その後ホストにデプロイします。
- または ローカルサーバーを起動する
Firefoxでのテスト、ホストへのデプロイ
- Firefox は現在、ハードディスクから提供されるファイルからの Cross Origin Requests を許可しています。
- ウェブ ホスティング サイトでは、マニフェスト ファイルで設定されたフォルダー内のファイルへのリクエストが許可されます。
ローカルサーバーの実行
- ApacheやPythonのようなコンピュータ上のサーバーを実行します。
- Pythonはサーバーではありませんが、簡単なサーバーを動作させます。
Pythonでローカルサーバを起動する
IPアドレスを取得します。
- Windowsの場合。コマンドプロンプト」を開く。 すべてのプログラム」→「アクセサリ」→「コマンドプロンプト
-
私はいつも
Command Prompt
としてAdministrator
. を右クリックします。Command Prompt
というメニュー項目を探し、その中からRun As Administrator
-
コマンドを入力します。
ipconfig
と入力し、Enterキーを押します。 - 探してください。 IPv4 アドレス ... ... ... ... ... ... ... 12.123.123.00
- あなたのIPアドレスを表示するウェブサイトもあります。
Pythonを持っていない場合は、ダウンロードしてインストールしてください。
コマンドプロンプト」を使って、ウェブページとして提供したいファイルがあるフォルダに移動する必要があります。
- C:³³のルートディレクトリに戻りたい場合は、cd/と入力してください。
- .Htmlファイル(またはphpなど)があるフォルダーに移動するには、cd Drive:\FolderFolder╱と入力します。
- コマンドプロンプトで「path」と入力します。 pythonがあるフォルダのパスが表示されているはずです。 例えば、python が C:\Python27 にある場合、リストされるパスの中にそのアドレスが表示されていなければなりません。
- Pythonのディレクトリのパスがない場合は、パスを設定する必要があります。type: help path と入力してEnterキーを押してください。 pathのヘルプが表示されます。
- パス c:\python27 %path% のように入力します。
- %path%は現在のパスをすべて保持します。 現在のパスをすべて消去するのではなく、新しいパスを追加するだけです。
- 新しいパスは、ファイルを提供したいフォルダから作成します。
-
Python Serverを起動します。タイプしてください。
python -m SimpleHTTPServer port
ここで、'port' は希望するポートの番号で、例えば次のようになります。python -m SimpleHTTPServer 1337
- ポートを空欄にすると、デフォルトはポート8000になります
- Pythonサーバーが正常に起動すると、Msgが表示されます。
ローカルでWebアプリケーションを実行する
- ブラウザを開く
-
アドレス行にタイプしてください。
http://your IP address:port
-
http://xxx.xxx.x.x:1337
またはhttp://xx.xxx.xxx.xx:8000
はデフォルトの - サーバーが動作していれば、ブラウザにファイルの一覧が表示されます
- 配信したいファイルをクリックすると、表示されるはずです。
より高度なソリューション
- コードエディターやWebサーバーなど、統合されたサービスをインストールします。
Apache、PHP、Python、SQL、Debuggerなどをすべて別々にマシンにインストールし、それらをすべて一緒に動作させる方法を見つけ出すのに多くの時間を費やすか、それらすべてを組み合わせたソリューションを探すことができるのです。
私はXAMPPをNetBeans IDEと一緒に使うのが好きです。 また、WAMPをインストールすることで
User Interface
Apacheや他のサービスを管理し、統合するためのものです。
関連
-
[解決済み] 新しいAPIキーを生成するための最適な方法は何ですか?
-
[解決済み] .pfxを.cerに変換する
-
[解決済み】非画像ベースのCAPTCHAの実用的なアプローチ?
-
[解決済み】パスワードの「二重ハッシュ化」は、一度だけハッシュ化するよりも安全性が低いのでしょうか?
-
[解決済み】SHA512とBlowfish、Bcryptの比較【クローズド
-
[解決済み】cerファイル、pvkファイル、pfxファイルの違いは何ですか?
-
[解決済み】Windowsでコードサイニング用の自己署名証明書を作成する方法を教えてください。
-
[解決済み】ペイメントプロセッサー - 自分のウェブサイトでクレジットカードを利用したい場合、何を知っておく必要がありますか?[終了しました]
-
[解決済み】Webブラウザはhttpsでコンテンツをキャッシュするか?
-
[解決済み] Google Chrome で XMLHttpRequest を使ってローカルファイルから URL を読み込めるようにする。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Fiddlerのルート証明書を永久に信頼するのは「安全」なのか?
-
[解決済み] ローカルファイルの読み込み時に "Cross origin requests are only supported for HTTP." というエラーが発生する。
-
[解決済み] HTML ファイルに別の HTML ファイルをインクルードする
-
[解決済み】非画像ベースのCAPTCHAの実用的なアプローチ?
-
[解決済み】パスワードの「二重ハッシュ化」は、一度だけハッシュ化するよりも安全性が低いのでしょうか?
-
[解決済み】塩の文字列はどこに保存していますか?
-
[解決済み】レトポリンとはどのようなもので、どのように機能するのですか?
-
[解決済み】SHA512とBlowfish、Bcryptの比較【クローズド
-
[解決済み】Webブラウザはhttpsでコンテンツをキャッシュするか?
-
[解決済み] 複数のhtmlページに含まれるヘッダーとフッターファイルの作成