【问题标题】:embed html into iframe in an vue3 vite将 html 嵌入到 vue3 vite 中的 iframe 中
【发布时间】:2022-06-20 16:30:31
【问题描述】:

我正在使用 vite 编写一个 vue3 网络应用程序。我正在使用一个开发框架调用 vue-vben-admin。 我尝试将本地 html 嵌入到 iframe 中,但 iframe 页面一直显示主页 我把“test.html”放在 public/static/test.html 所以我的 iframe 页面将是

<iframe id="f1" ref="frame1" :src="'static/test.html'"></iframe>
<iframe id="f2" ref="frame2" :src="'/static/test.html'"></iframe>

无论哪种方式,它都不会按预期工作。 实际的 iframe url 是“https://localhost:3100/static/test.html”

这似乎不是 404 问题,因为当我使用 Image 时,以下代码可以正常工作:

<Image src="/resource/img/logo.png" />

【问题讨论】:

  • 您可以尝试将任何静态图像和html文件直接添加到公共目录吗?
  • 像图像这样的公共静态资源工作正常,html 文件不行。我认为它可能会被开发框架拦截

标签: vuejs3 vite


【解决方案1】:

对我来说,当我将 html 文件添加到公用文件夹时它才起作用,但后来我不得不省略“/静态”,所以我使用了 &lt;iframe id="f1" ref="frame1" :src="'/test.html'"&gt;&lt;/iframe&gt;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-06-05
    • 1970-01-01
    • 2022-10-14
    • 2022-08-16
    • 1970-01-01
    • 2019-02-04
    • 1970-01-01
    相关资源
    最近更新 更多