浏览器同源策略限制，导致没办法获取跨域iframe里的元素

问题：在做文件预览的时候，需要通过api获取文件的服务器地址，然后通过iframe绑定地址，显示在页面上。这时如果需要增加打印功能，调用浏览器打印时，由于同源策略，会获取不到iframe.contentWindow。

方案一：谷歌浏览器， 禁用同源策略

快捷方式》右键》属性》目标 ；往后插入以下内容

--disable-web-security --user-data-dir="***" --disable-site-isolation-trials

 方案一可以快速解决问题，但是局限性太大；

方案二： vue 配置跨域代理（推荐）

页面地址： http://localhost:8080/Index

原iframUrl:https://localhost:4090/Uploads/1111.pdf

1.  
   devServer:{
2.  
   proxy:{
3.  
   '/Print':{//匹配所有以'/Print'开头的请求路径
4.  
   target:'https://localhost:4090',//代理目标的基础路径
5.  
   changeOrigin:true,//是否跨域
6.  
   secure:false,//https
7.  
   pathRewrite:{'/Print':''} //路径重写，将开头的print替换为空
8.  
   }
9.  
   }
10.  
    }

注意：配置后url地址应该更改为:/Print/Uploads/1111.pdf ,经过代理重写后其实访问地址还是原url地址；

本篇文章来至：学新通