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

大家好，今天本人给大家带来文章《iframe 引入短链无法展示内容怎么办？ 》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

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

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

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

1. 获取重定向后的长链

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

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

2. 允许 iframe 重定向

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

示例图片：

[图片展示]

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

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《iframe 引入短链无法展示内容怎么办？ 》文章吧，也可关注golang学习网公众号了解相关技术文章。