[解決済み] Access-Control-Allow-OriginでOriginのNULLが許可されていない。
質問
私は以下のようなコードでweather.xslというhtml出力を作成するための小さなxsltファイルを作りました。
<!-- DWXMLSource="http://weather.yahooapis.com/forecastrss?w=38325&u=c" -->
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
exclude-result-prefixes="yweather"
xmlns:yweather="http://xml.weather.yahoo.com/ns/rss/1.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#">
<xsl:output omit-xml-declaration="yes" indent="yes"/>
<xsl:strip-space elements="*"/>
<xsl:template match="/">
<img src="{/*/*/item/yweather:condition/@text}.jpg"/>
</xsl:template>
</xsl:stylesheet>
htmlの出力をhtmlファイルのdivに取り込みたいのですが、以下のようにjQueryを使って行おうとしています。
<div id="result">
<script type="text/javascript">
$('#result').load('weather.xsl');
</script>
</div>
しかし、次のようなエラーが発生します。 Origin null は Access-Control-Allow-Origin で許可されていません。
xsltにヘッダーを追加するという記事を読みましたが、その方法がよくわかりませんので、何か助言をお願いします。また、html ouputでの読み込みがこの方法でできないのであれば、他の方法についてアドバイスをいただければ幸いです。
どのように解決するのですか?
原点
null
がローカルのファイルシステムであることを示唆しています。
load
の呼び出しは
file:///
のURL(例:ローカルのファイルブラウザなどでダブルクリックするだけ)を指定します。
ほとんどのブラウザは 同一生成元ポリシー は、ドキュメントと同じディレクトリにあるファイルを読み込むことさえも禁止することで、ローカルファイルへのアクセスを可能にします。(以前は、Firefox は同じディレクトリとサブディレクトリを許可していましたが はもうない。 .
基本的にローカルリソースでajaxを使ってもうまくいきません。
ローカルでテストしているものを本当にウェブに配備するのであれば、ローカルファイルを使うよりも、簡単なウェブサーバをインストールして、その上で
http://
URLを使用します。そうすることで、より正確なセキュリティ状況を把握することができます。IDE に何らかのサーバーが組み込まれていて、IDE で "run" を押すだけで、サーバーが起動し、ファイルを提供することができるかもしれません。
関連
-
[解決済み] Access-Control-Allow-Originヘッダーはどのように機能するのですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] カラムの変更:NULLをNOT NULLに変更する
-
[解決済み] Access-Control-Allow-Origin複数オリジンのドメイン?
-
[解決済み] REST APIからデータを取得しようとしたときに、要求されたリソースに'Access-Control-Allow-Origin'ヘッダーが存在しない。
-
[解決済み] file:// URLから実行されるアプリケーションのリクエストで、"Origin null is not allowed by Access-Control-Allow-Origin" エラーが発生する。
-
[解決済み] アクセス制御-許可-起源のワイルドカードサブドメイン、ポート、プロトコル
-
[解決済み】Access-Control-Allow-OriginでOriginが許可されない。
-
[解決済み】Access-Control-Allow-Originでオリジン<origin>が許可されない。
-
[解決済み】XMLHttpRequest Originのnullが許可されない file:///からfile:///へのAccess-Control-Allow-Origin (Serverless)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは?
-
[解決済み】未定義のプロパティ 'bind' を読み込めない。React.js【重複あり
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み】SyntaxError: JSON の位置 1 に予期しないトークン o があります。
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み】FirefoxでGoogle Maps V3をリモートで使用すると「googleが定義されていません」と表示される。
-
[解決済み】JavaScriptで関数が存在するかどうかを確認する方法は?
-
[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー