vue项目中内嵌iframe，打包上线时候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> -->