Druid嵌入IFrame 、VUE嵌入第三方页面

VUE实现思路：用iframe显示第三方页面，或者Druid页面

<template>
  <iframe src="http://127.0.0.1:8080/druid/login.html" id="iframe" scrolling="no" frameborder="0"></iframe>
</template>


<script>
export default {
  name: "monitorIndex",
  data() {
    return {
    };
  },

  created() {

  },
  methods: {


  },
};
</script>
<style lang="less" scoped>
#iframe {
  width: 100%;
  height: calc(100vh - 115px);
}
</style>

遇到的问题：访问Druid页面提示不能打开

 后台设置下Security的配置即可：

/* 允许iframe访问本服务资源 */
        http.headers().frameOptions().disable();

X-Frame-Options配置的值有三种:

1. someOrigin : 页面可以在相同域名中被Frame
2. deny : 不允许被Frame访问
3. disable : 允许Frame

遇到新问题：Tab切换iframe页面不能缓存

解决思路：iframe和roter-view 放在同一个页面，iframe菜单获取后，循环现实多个一下全部加载处理，通过现实隐藏实现