iframe 重定向问题

在 vue 项目中，加载第三方 html 网页，怎么办呢？

可以用 iframe 实现。思路如下：

新建一个页面，比如： new.vue。

然后在路由里注册该页面，并配置好路由。

这样写好之后，运行一下项目，引入的 iframe 也能够加载出来。可是一个问题也随之而来了：点击按钮跳转时，页面变化了，但是地址栏的 hash 路由并没有改变，而且一刷新立马又回到 preIndex 页面了。怎么办呢？解决方法如下：

如果有 iframe 的源码，打开并编辑 iframe 的源码。在其 title 标签下嵌入一段 JavaScript 代码，比如：重定向iframe的路由至login页面，可以这样写：

function redirectIframeHash(){
	window.location.href = 'https://XXX/#login';
}

然后，在引入的 iframe 页的源码中，需要跳转至父路由的地方调用该函数即可。

tip：这种用 font 写的页面加载会特别特别的慢。