質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

3回答

10010閲覧

クロスオリジン要求をブロックしました

namuyan

総合スコア76

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2017/04/04 04:48

クロスオリジン要求をブロックしました:

以上のメッセージがAjaxにてAPIをリクエストと時に出力されました。
今まではこのようなブロックに経験がなく、考えられる原因は2つのドメインを取得したことによるものだと考えられます。
具体的には

特定ホスト(111.22.3.44)に対して"http://example.com"と"http://example.jp"を取得した

ということです。
("http://example.com"からも"http://example.jp"からも同一のページへアクセスできる)

”クロスオリジン要求をブロックしました”というのは以上が原因でしょうか?
APIサーバーに

header("Access-Control-Allow-Origin: http://example.com");

などと加えても解決せずに困り果てています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

自己解決

PHP

1if (array_key_exists('HTTP_ORIGIN', $_SERVER)) { 2 $http_origin = $_SERVER['HTTP_ORIGIN']; 3} 4else if (array_key_exists('HTTP_REFERER', $_SERVER)) { 5 $http_origin = $_SERVER['HTTP_REFERER']; 6} else { 7 $http_origin = $_SERVER['REMOTE_ADDR']; 8} 9header("Access-Control-Allow-Origin: $http_origin");

以下のコードを挿入することで解決しました。
Access-Control-Allow-Originするものを間違えていました。

投稿2017/04/04 13:22

namuyan

総合スコア76

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
としてもエラーとなるかどうかを試してみてはいかがでしょうか?

投稿2017/04/04 10:16

sha

総合スコア141

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

namuyan

2017/04/04 13:27

こちらの方法でも解決することができました。 有難うございます!
guest

0

ちょっと運用状況がわかりにくいのですが、
PHPが利用できる環境ということでよろしいですか?
ajaxで取りに行く先を自サバにして、そこから2つの別サーバーに
クロールして取ってみててはいかがでしょうか?

投稿2017/04/04 05:15

yambejp

総合スコア114572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問