iframe在IE浏览器加载页面无反应问题,head和body空白,vue.js

看到没有资源加载,也就是说我看到请求都没有发出去,自然就没有内容了,
单独把src路径拿出来,新开一个页面贴到IE浏览器(IE11)中,发现页面加载没问题,但是在iframe里面渲染就有问题,我一开始怀疑是路径的问题,然后我把路径写死,写死百度新浪等其他网站是没问题的,但是当写上我自己的路径却不行,我写的是绝对路径,不存在路径写错问题,
然后我又怀疑vue-router不兼容,但是理论上我在ie新开窗口能跳转,那说明应该vue-router也是没问题的,我晕了,不知道如何下手·····
这是什么情况?怎么解决,在其他浏览器没问题
希望大神给个解决思路或方法,
clipboard.png
clipboard.png
clipboard.png
clipboard.png

阅读 4.9k
1 个回答
新手上路,请多包涵

已经解决了·····,原来是iframe的src在ie不能识别http://localhost:8080/,关键在于localhost,要换算成具体的ip,比如http://192.168.29.128:8080/

实际只要加多一层判断处理ip就行
// 判断IE

    let userAgent=navigator.userAgent
    //获取当前浏览器字段
    let isIE=userAgent.indexOf("MSIE")>0|| userAgent.indexOf("Trident")>0
    if(isIE){
    //是ie就加上写上http://127.0.0.1:8080/(会自动返回本地ip)
        src = 'http://127.0.0.1:8080/#/iframeBox'+src
    }else{
        src  = '/#/iframeBox'+src
    }
    
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题