Vue 嵌入iframe，没有显示对应的页面，显示空白或者拒绝了访问，解决的一个思路

在给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，就可以访问了~