问题记录-vue打包后出现'X-Frame-Options跨域问题

在vue页面中通过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,然后就报错了。将这段代码注释掉,在重新打包,运行正常了



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

你可能感兴趣的:(问题记录-vue打包后出现'X-Frame-Options跨域问题)