vue项目里面如何实现iframe跨域请求

Question

目前项目头部几个导航是通过iframe跳转进去到新的项目页面，比如从A跳到B，浏览器的url里面显示：类似于：

https://www.baidu.com/?activeIndex=2&iframeUrl=https://www.aliyun.com/#/，

但发现到B页面后接口请求都报500了，后端说是跨域了，这种情况是前端通过iframe可以解决这种跨域吗？感觉不是前端的问题吧，有人知道嘛

Answer 1

跨域问题只能由后端解决，前端最多只能配合：
后端用 CORS，前端就加域名直接请求；
后端用 JSONP，前端就用函数取；
后端用 Socket，前端就用 WebSocket
……
如果目标页面允许被嵌入的话，iframe是可以显示跨域的页面的，但也仅限于显示，目标页对于父页面的 JS 而言仍是一个黑箱。