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