新規投稿
フォローする

iFrameで詳細画面がCORSエラーになる

背景・実現したいこと

iframeを使って、レコードの詳細画面を表示したい。
こちらの設定はされており、レコード一覧画面はiframe上でも正常に表示されます。

例:https://xxxx.cybozu.com/k/xx/

しかし、レコード詳細画面を表示しようと以下のURLにすると、ブラウザのコンソール上にCORSのエラーが表示されて、詳細画面が表示されません。
iframe側では、xxxx.cybozu.comを表示できるように設定済みです。

一覧画面は表示されるので、設定自体はあっていると思うのですが・・。

例:https://xxxx.cybozu.com/k/xx/show#record=x

エラー情報(開発者ツールのコンソール)

 Uncaught DOMException: Blocked a frame with origin "https://xxxx.cybozu.com" from accessing a cross-origin frame.
  at https://xxxx.cybozu.com/k/xx/show:20:23
show.js:1303 Uncaught DOMException: Blocked a frame with origin "https://xxxx.cybozu.com" from accessing a cross-origin frame.
    at le (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:64:438)
    at ne (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:51:293)
    at new IK (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:533:426)
    at new q4 (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:978:336)
    at f.Xa (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:2129:918)
    at Ata (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1021:377)
    at Dta (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1021:199)
    at v5.update (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:2168:765)
    at rva (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1093:381)
    at f7 (https://static.cybozu.com/k/kintone_22.8.9_117036/js/compiled/app/show.js:1093:205)

利用したソースコード

 

1

2件のコメント

Avatar
koichi

高橋克己さん

こんにちは。

 

iframeに対応している画面は「レコード一覧画面」と「グラフ画面」のみというのがサイボウズ様の公式見解でしたが、実際には「ポータル画面」も開けます。

外部サイトにiframeでポータル画面を埋め込み、ポータル画面にiframeでレコード詳細画面を埋め込んだ場合は開けました(同じkintone内ですので当然ではありますが)。

0
Avatar
高橋克己

ありがとうございます。

iframeに対応している画面は「レコード一覧画面」と「グラフ画面」のみというのがサイボウズ様の公式見解

なるほど。そうなんですね。
ありがとうございます。

ポータルを使うという方法についても検討してみます!

1
サインインしてコメントを残してください。