账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    在VUE中使用iframe相对路径引入本地web页面,打包后404报错;
    35
    0

    在vue中使用iframe直接引入本地页面:
    <template>

    <div>
        <iframe src="../../../static/yuanhoutaiyemian/admin/dk/html/LoanPlatformConfig.html" frameborder="0" width="100%" height="100%"></iframe>
    </div>

    </template>
    本地文件在static文件;不打包,本地起服务运行时没有问题,打包放到服务器上iframe里面的页面就404报错;感觉是路径问题,打包前将iframe里面的src更改后打包或者外面增加文件夹将本地文件copy到src结构的路径文件夹中都是尝试了。。没有用。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 在Vue中使用iframe相对路径引入本地web页面时,打包后404报错,可能的原因有以下几点:

      1. iframe的src属性路径错误:在HTML中,iframe的src属性应该是相对路径,而不是绝对路径。例如,iframe的src="http://www.example.comiframe.html",而不是"http://www.example.comiframe.html"。如果src属性是绝对路径,打包后就会出现404错误。

      2. iframe的src属性编码问题:在加载iframe时,浏览器会先将iframe的src属性转换为相对路径。如果编码不正确,就会导致404错误。

      3. iframe的跨域问题:在同源策略下,iframe不能跨域。如果跨域,就需要解决跨域问题。

      4. iframe的尺寸问题:如果iframe的尺寸设置不当,也会导致404错误。

      解决这个问题的方法是:

      1. 检查iframe的src属性,确保其路径是相对路径,且编码正确。

      2. 如果iframe的src属性是绝对路径,需要确保其URL是正确的,且该URL在同源策略下是允许跨域的。

      3. 如果iframe的尺寸设置不当,需要根据实际情况调整其尺寸。

      4. 如果以上方法都无法解决问题,可能需要检查服务器端的设置,确保iframe的URL在服务器端是正确的,并且同源策略下是允许跨域的。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部