一、问题

把要引入的文件MjMwMjA5MjU2OTgxNDkw.html放在了public的static下面,在iframe标签的src里面引入该文件,但是页面上是一直显示404

二、源代码

三、解决办法

1.原因:在vue里面打包好的项目就以public为根目录的,所以src直接引用即可,不能再加public。

2.修改后的代码(其余代码不变),这样就完成了

 <iframe src="/static/MjMwMjA5MjU2OTgxNDkw.html" name="iframeDemo"   frameborder="0" style="width: 100%;height:700px;"></iframe>

vue 嵌套 HTML文件 (iframe)相关推荐

  1. vue中嵌套页面(iframe)

    vue中嵌套iframe,将要嵌套的文件放在static下面.src可以使用相对路径,也可使用服务器根路径http:localhost:8088/- <iframe src="../. ...

  2. vue动态配置嵌套页面(含iframe嵌套)可实现白天夜间皮肤切换

    引用地址:vue动态配置嵌套页面(含iframe嵌套)可实现白天夜间皮肤切换 - 长空雁叫霜晨月 - 博客园  项目预览地址:https://volodya-01.github.io/vue2.0_t ...

  3. 前端vue实现pdf文件的在线预览

    3.前端vue实现pdf文件的在线预览 我是通过 <iframe> 标签就可以满足我工作的 pdf预览需求 如果<iframe> 无法满足需求 , 可以使用pdf.js这个插件 ...

  4. vue中 静态文件引用注意事项

    (一)assets文件夹与static文件夹的区别 区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了 区别二:assets中的文件 ...

  5. vue引用js文件的多种方式

    本文主要介绍了vue引用js文件的多种方式,本文大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1.vue-cli webpack全局引入jquery (1) 首先 npm inst ...

  6. router vue 多个路径_多个vue子路由文件自动化合并的方法,

    多个vue子路由文件自动化合并的方法, 1. 目录结构 废话不多说,直接上图. 目录结构,如下图所示 2. 代码编写位置 在router目录下面的index.js文件中写入以下代码 import Vu ...

  7. 文件上传 java 完美,vue+java实现文件上传(excel等),会出现跨域问题,直接用form表单提交就不会有问题了(new FormData())...

    vue+java实现文件上传(excel等),会出现跨域问题,直接用form表单提交就不会有问题了(new FormData()) 地址:https://www.cnblogs.com/muscles ...

  8. Vue 2.x 文件夹目录

    外层目录: readme //项目的说明文件 package.json //第三方依赖包配置 package.lock.json //帮助我们去确定安装的第三方依赖包的具体的版本,保持团队编程的统一 ...

  9. vue 上传文件_前后端分离项目,如何优雅实现文件存储!

    在上一节中我们讲到了使用MinIO来自建对象存储服务,这次我们来讲下MinIO如何结合SpringBoot和Vue来实现文件存储. 学前准备 学习本文需要一些MinIO的基础知识,还不了解的小伙伴可以 ...

最新文章

  1. 浅析 Linux 初始化 init 系统:sysvinit
  2. java统计多个线程的请求次数_Web并发页面访问量统计实现
  3. 6-2 链式表的按序号查找
  4. [WinError 127] 找不到指定的程序
  5. ExtJs 中的 Ext.QuickTips.init()
  6. sharepoint 域认证的时候给用户一个友好的登陆界面
  7. [论文]Clustering-Based Ensembles as an Alternative to Stacking
  8. 时钟服务器地址_时钟同步 Chrony 教程
  9. Python matplotlib生成图片背景透明
  10. virtualbox虚拟机迁移
  11. php 缩略图插件,ZblogPHP SF的缩略图插件阿帕奇服务器(.htaccess)的缩略图实现伪静态...
  12. 局域网服务器配置一个无线路由,局域网怎么增加无线路由器
  13. Docker学习中文文档大全、dockerdocker-compose实战
  14. 矢量绘图界的性价比之王-Affinity Designer
  15. Datawhale学习记录 动手学数据分析(以Kaggle泰坦尼克号为案例)——Task01数据加载及探索性数据分析
  16. 香橙派 Ubuntu修改系统时间
  17. 【测绘程序设计】坐标反算神器V1.0(附C/C#/VB源程序)
  18. 究竟哪些语句是属于DDL?
  19. uva 10306 e-Coin
  20. dom4j解析XML实例

热门文章

  1. QQ2009 界面技术(DirectUI)
  2. java web项目保证代码QA的一些工具
  3. 蹦起来!Python 用物理引擎Pymunk写一个解压小游戏
  4. 【Android】0、Android 开发从入门到实战超详细路线图
  5. Zynq UltraScale+ MPSoC-dp14 standalone
  6. 机械硬盘由于IO设备错误,无法运行此项请求,要怎样找回文件
  7. 数字签名过程及数字证书
  8. windows中,什么是注册表与注册表的作用
  9. 最好看的TabBar(Vue)
  10. BZOJ3572.【HNOI2014】世界树(worldtree)