【Abp VNext】实战入门（五）：【8】前端管理界面 vue-element-admin —— 采用 IFrame加载本地.html文件

前言

后台管理项目中需要用到加载本地的静态 HTML页面，理论上是没问题提但实际上出现了诡异的现象；

诡异现象：

1、如果填写外部完整链接如：http://www.xxx.com 是可以正常展示的；
2、但是填写内部静态页面路径出现诡异现象如：<iframe id=“01” src="/src/htmls/index.html" />

问题分析：

测试了半天发现，原来是这个访问路径无法访问导致的，但是这个路径确实存在，为何不能访问呢？

是因为 静态HTML页面放错了地方，不应该放在Src目录下；

解决方案：

应该讲静态页面放在根目录 public/static/ 下面；

正确写法：<iframe id=“01” src="/static/index.html" />

错误写法：<iframe id=“01” src="/public/static/index.html" /> 无法方位

注意天坑：如果把public 路径给带上也无法访问，应该是架构约定俗成方面的东西，最后打包出来的结果应该是没有public文件夹一说的；

总结：

平时对这些框架用的不多，都是需要的时候现炒现卖，外加功底薄弱，真的时候各种踩坑，各种撞墙。