如何在 django 模板脚本中传递静态 js 文件？

Question

我想将代码中存在的静态文件 json 加载到 js 中以托管 swagger。

我的index.html:

<HTML>
<head>
{% load static %}
</head>
<body>
<script src="{% static "js/script1" %}"></script>
<script>
var json_contents = // Use the static json `js/json1.json` in here?
</script>
</body>
</html>

如何做到以上几点？

Answer 1

您拼错了 static 模板标签

{% load static %} <!-- not "staticfiles" -->
<!DOCTYPE html>
<HTML>
  <body>
  <script src="{% static "js/script1.js" %}"></script> <!-- missed .js extention -->
  <script>

    async function load() {
        let url = '{% static "js/json1.json" %}';
        let json_contents = await (await fetch(url)).json();
        console.log(json_contents);
    }
    load();

  </script>
  </body>
</html>

Documentation: Configuring static files

如何在 django 模板脚本中传递静态 js 文件？

How to pass static js file in django template script?

javascript

django

django-templates

django-staticfiles