Javascript 在模板中不使用内联脚本的情况下将django上下文数据传递到前端

我已经在使用模板文件中的内联脚本将django上下文数据传递到前端部件：

<script>
    var variable = "{{ variable }}";
</script>

var variable=“{variable}}”；

但出于安全原因，我不能再这样做了。我的 应以防止内联脚本的方式配置内容安全策略设置。

---

你能帮助我吗？有什么想法吗？

您可以使用标签中的数据-属性来传递一些值：

然后通过CSP允许的脚本访问这些