Question

我想知道我的Django应用程序中的某些更改将如何与HTML页面进行交互，但我不想在测试之前部署它们。这是我的天真尝试，它不会在iframe中呈现任何内容，即使该链接在其自己的选项卡中有效。

HTML文件：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>

  <body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>

    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">
    </script>

    <div class="frame">
      <img id="logo" src="images/Logo.png"/>
      <iframe id="primaryVideo" src="http://127.0.0.1:8000/app/1/">
        <p> Your browser does not support iframes. </p>
      </iframe>
  </body>
</html>

Answer 1

跨源资源共享是问题所在。您可以通过检查控制台或“网络”选项卡来检查这是否影响您。我要做的就是将我的本地主机地址添加到Django应用的ALLOWED-HOSTS中的settings.py字段中。

在HTML文件中提供本地Django应用程序

1 个答案: