将html5游戏设置为iframe

时间:2020-11-09 15:45:59

标签: javascript html reactjs

我正在尝试将html5游戏设置为iframe。

<iframe src="game url"></iframe> 

问题是game url需要身份验证标头(令牌),我无法在iframe src上设置令牌。(据我所知)

因此,我使用axios提取了给定的游戏网址。然后将它们传递给Iframe srcdoc 属性,这并不奇怪,我遇到了错误。那么解决方案是什么?

这是我从邮递员的api中获得的信息,在其中我可以发送诸如身份验证令牌之类的http标头。但是如何在iframe上进行设置?

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>Cocos Creator | FlappyTest1</title>
   <!--http://www.html5rocks.com/en/mobile/mobifying/-->
   <meta name="viewport"content="width=device-width,user-scalable=no,initial-scale=1, minimum scale=1,maximum-scale=1" />
</head>
<body>
   <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>

   <script src="src/settings.718ea.js" charset="utf-8"></script>
   <script src="main.62040.js" charset="utf-8"></script>
</body>
</html>

我正在使用React和redux,但我认为没关系

1 个答案:

答案 0 :(得分:0)

我没有找到任何解决方案。即使从该URL进行Blob也不会改变任何内容。我发现的解决方案与后端有关,我们可以在其中将身份验证令牌作为url参数的一部分传递给src of iframe