iframe跨域问题

Question

使用iframe引用外部链接
<iframe :src="url" id="iframes" frameborder="0" style="width:100%;height:100vh;"></iframe>
控制台报错
Refused to display 'http://www.tjgp.gov.cn/portal...' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
这种该如和解决？

Answer 1

原因是iframe窗口请求的资源，受浏览器同源策略限制（安全起见），不允许放在iframe里，两种方法：1.如果你能够修改子窗口请求服务器的配置，可以设置iframe源域名服务器响应头x-frame-options，设置为允许你自己的域名通过（具体设置可以参考MDN）。2.如果不能修改子窗口请求服务器的配置，那就写一个代理服务器（很简单，转发请求即可），请求iframe的域名，并修改响应头x-frame-options，然后iframe访问你的代理服务器。