vue项目中内嵌iframe,打包上线时候iframe地址如何写
- 一、项目结构
- 1.内嵌的iframe文件位置
- 2.打包后的iframe的位置
- 二、代码
前提描述,项目是用webpack打包的,内嵌一个完整的js小组件
一、项目结构
1.内嵌的iframe文件位置
2.打包后的iframe的位置
没有配置对iframePhone文件进行打包,打包之前的iframePhone和之前文件结果一样
二、代码
<!-- 嵌套HTML5页面示例 -->
//1.想对定位只能适用于本地调试
<!-- <iframe
src="../../../../../static/edb/html/login.html"
style="width: 100%; height: 500px"
></iframe> -->
//2.打包后的相对定位适用于本地和生产调试
<iframe
src="/static/iframePhone/html/login.html"
style="width: 100%; height: 500px"
></iframe>
//3.本机完整地址适用于本地调试
<!-- <iframe
src="http://localhost:8080/static/edb/html/login.html"
style="width: 100%; height: 500px"
></iframe> -->
//4.生产完整地址适用于生产调试
<!-- <iframe
src="https://生产地址/static/edb/html/login.html"
style="width: 100%; height: 500px"
></iframe> -->