iframe 引入短链无法展示内容怎么办？

iframe 引入短链无法展示内容？

在将短链放入 iframe 中时，可能会遇到展示空白页面的问题。这是因为某些短链服务会重定向到其目标页面，而 iframe 无法处理重定向。

要解决这个问题，有两种方法：

1. 获取重定向后的长链

您可以使用以下 JS 代码获取短链的重定向后的长链：

fetch(shortUrl).then(res => res.url).then(url => {iframe.src = url;});

2. 允许 iframe 重定向

一些网站提供了允许 iframe 重定向的选项。您可以在短链服务的文档中查找此选项。如果可用，则可以启用此选项来使您的 iframe 能够重定向到长链。

示例图片：

[图片展示]

如图片所示，页面中有一个判断逻辑，若在iframe中访问，则不执行跳转逻辑，导致iframe中显示空白页面。

以上就是iframe 引入短链无法展示内容怎么办？的详细内容，更多请关注其它相关文章！