在vue页面中通过iframe方式引入外部链接：

<iframe ref="iframe" id="bdIframe" :src="getUrl" style="height: 100%; width: 100%;position: absolute;"></iframe>

打包后运行，会出现报错，大致如下：

Invalid 'X-Frame-Options' header encountered when loading 'http://192.168.*.***:***/realtime_main.aspx': '*' is not a recognized directive. The header will be ignored.

解决方式：

1.后台配置

IIS内配置X-Frame-Options项，如下图：

然后重新打包测试，结果还是报同样的错

2.检查代码

各种调试测试后，终于找到问题了，大概就是我在vue的mainjs中使用了window.parent，然后就报错了。将这段代码注释掉，在重新打包，运行正常了

这个问题花了很长时间去查，先记录一下，如果各位有更好的解决方式，欢迎留言哦！