

monacaを使ってwebサイトを表示するアプリを作っているのですが、端末上でアプリを動かすと

> net::ERR_BLOCKED_BY_RESPONSE

と表示されてしまいmonacaデバッカー上でも

> Refused to display
> '[http://www.アドレス名.jp/](http://www.%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9%E5%90%8D.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を使って表示させています。

[code]

    <ons-template id="page1.html">
    <ons-page ons-show="item.title = 'Monaca'" ng-controller="page1Controller">
      <iframe frameborder="0" ng-src="http://www.アドレス名.jp" set-iframe></iframe>
    </ons-page>
    
[/code]

自分でもiframeの部分が何か不具合を起こしているということはわかるのですが、まだアプリを作ったことがないのでこの部分をどう書き換えていいのか、また、このiframeを使ったままどのような追記、設定を変更すれば解決するのかがわかりません。完成形は下についている2つのタブをタッチして2つのサイトをタブ部分を表示したまま交互に見られるアプリを作りたいと思っています。

解決策やここをこう直したほうが良いなど教えてください  
よろしくお願いします。


CC BY-SA 4.0
2019-04-05T12:39:50.270
53958
2020-02-22T05:21:40.997
2020-02-22T05:21:40.997
3060
32798
question
android monaca onsen-ui angular
サイトが表示できない


＜状況＞  
エラーメッセージ： ” because it set 'X-Frame-Options' to 'sameorigin' ”  
[訳] だって、'X-Frame-Options'(FrameやiFrameで表示するかどうかのオプション) が
'sameorigin'(同一サイト限定)になってんだもん。  
[解説]
[http://www.アドレス名.jp/](http://www.%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9%E5%90%8D.jp/)
は、質問のページのサイトとは別のサイトのページですよね。  
でも、'X-Frame-Options'で同一サイトじゃないとで表示しないと設定されているので、表示されないのです。

＜解決策＞  
[http://www.アドレス名.jp/](http://www.%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9%E5%90%8D.jp/)
を表示できるように設定を変えましょう！

> X-Frame-Options: sameorigin

を

> X-Frame-Options: allow-from
> [http://www.アドレス名.jp/](http://www.%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9%E5%90%8D.jp/)

に変えると、  
"[http://www.アドレス名.jp/](http://www.%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9%E5%90%8D.jp/)"のサイトのページはOK
という設定になるので表示されるようになるはずです。

試してみてください。


CC BY-SA 4.0
2019-04-06T05:09:03.440
53973
2019-04-06T05:09:03.440
217
53958
answer