質問: monacaを使ってwebサイトを表示するアプリを作っているのですが、端末上でアプリを動かすと > > net::ERR_BLOCKED_BY_RESPONSE > > > と表示されてしまいmonacaデバッカー上でも > > Refused to display 'http://www.アドレス名.jp/' in a frame because it set 'X-Frame-Options' to 'sameorigin' > > www/index.html:0 > > (アドレス名は学校のurlのためここで書くのは控えたいと思います) > > > とlogが出てきてうまく表示ができません、UIは Onsen UI V2 Angular 1 Tabbarを使っています。また、web表示部はiframeを使って表示させています。 ``` ``` 自分でもiframeの部分が何か不具合を起こしているということはわかるのですが、まだアプリを作ったことがないのでこの部分をどう書き換えていいのか、また、このiframeを使ったままどのような追記、設定を変更すれば解決するのかがわかりません。完成形は下についている2つのタブをタッチして2つのサイトをタブ部分を表示したまま交互に見られるアプリを作りたいと思っています。 解決策やここをこう直したほうが良いなど教えてください よろしくお願いします。
回答: <状況> エラーメッセージ: ” because it set 'X-Frame-Options' to 'sameorigin' ” [訳] だって、'X-Frame-Options'(FrameやiFrameで表示するかどうかのオプション) が 'sameorigin'(同一サイト限定)になってんだもん。 解説] [http://www.アドレス名.jp/ は、質問のページのサイトとは別のサイトのページですよね。 でも、'X-Frame-Options'で同一サイトじゃないとで表示しないと設定されているので、表示されないのです。 <解決策> http://www.アドレス名.jp/ を表示できるように設定を変えましょう! > > X-Frame-Options: sameorigin > > > を > > X-Frame-Options: allow-from http://www.アドレス名.jp/ > > > に変えると、 "http://www.アドレス名.jp/"のサイトのページはOK という設定になるので表示されるようになるはずです。 試してみてください。