Vue 嵌入iframe,没有显示对应的页面,显示空白或者拒绝了访问,解决的一个思路
在给vue使用iframe嵌入页面的时候,明明没有bug,页面就是显示不出来,白屏了。调了很多iframe的设置,但是就是没有效果。后来发现是我访问的时候,本机是https,但是访问的地址是http,有个跨域的问题。主要就是浏览器认为不安全。去搜索了一下Http和Https的跨域问题,结论如下:那么解决方案可以是做个代理转发,或者我选择了一个笨办法,就是我去试了下我要嵌入的这个链接https能不能
·
在给vue使用iframe嵌入页面的时候,明明没有bug,页面就是显示不出来,白屏了。调了很多iframe的设置,但是就是没有效果。
<template lang="html">
<div class="">
<iframe
:src="url"
frameborder="0"
align="middle"
width="100%"
height="800px">
</iframe>
</div>
</template>
后来发现是我访问的时候,本机是https,但是访问的地址是http,有个跨域的问题。
主要就是浏览器认为不安全。
去搜索了一下Http和Https的跨域问题,结论如下:
- http 可以调用https
- https不可以调用http
- http可以http
- https可以https
那么解决方案可以是做个代理转发,或者我选择了一个笨办法,就是我去试了下我要嵌入的这个链接https能不能访问,然后发现可以,我就自己自己加了一个s,就可以访问了~
更多推荐
已为社区贡献2条内容
所有评论(0)