X-frame origins block，有没有嵌入的替代方法？VUE JS

在Vue.js中，如果遇到X-Frame-Options导致无法嵌入的问题，可以尝试使用以下解决方法：

方法一：使用CSP（Content Security Policy） 在Vue.js的index.html文件中添加以下meta标签，将允许嵌入的源地址添加到content属性中：

<meta http-equiv="Content-Security-Policy" content="frame-ancestors 'self' https://allowed-domain.com">

将https://allowed-domain.com替换为允许嵌入的域名。

方法二：使用iframe-resizer库

1. 安装iframe-resizer库：

npm install iframe-resizer --save

2. 在需要嵌入的组件中，引入iframe-resizer库：

import 'iframe-resizer/js/iframeResizer.contentWindow';

3. 在组件的mounted钩子中初始化iframeResizer：

mounted() {
  iFrameResize({
    log: false,
    checkOrigin: false,
    scrolling: 'no',
    enablePublicMethods: true,
    heightCalculationMethod: 'max',
  }, '#iframe-id');
}

将#iframe-id替换为你的iframe元素的选择器。

这样配置后，iframe会自动调整高度以适应内容，并且可以与父窗口通信。

请注意，以上方法只是常见的解决方案之一，具体的解决方法可能因应用程序的不同而有所变化。