vue项目通过url链接引入其他系统页面_vue项目嵌入别的系统

mounted() {
window.onresize = () => {
this.widthHeight(); // 自适应高宽度
};
this.KaTeX parse error: Expected 'EOF', got '}' at position 60: …t(); }); }̲, created() {…route’: function () {
// 监听路由变化
this.reportUrl = ‘https://www.baidu.com/’
}
}
}

效果图：


![](https://img-blog.csdnimg.cn/20201223172516471.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HTElaRU5H,size_16,color_FFFFFF,t_70)


2.加载引入系统可能会出现拦截，xxx 拒绝了我们的连接请求。前端页面Refused to display 'xxx' in a frame because it set 'X-Frame-Options' to 'sameorigin'，对于这个问题我们需要在引入的项目中进行拦截处理，引入项目中response.addHeader("x-frame-options","SAMEORIGIN")需要改写为response.addHeader("x-frame-options","ALLOW-FROM http://127.0.0.1:项目端口/");对访问方式进行允许iframe不同