Django应用程序-将Docker环境变量注入JavaScript文件？

我正在开发一个已经对接的Django应用程序。我在一个JS文件中实现了一个第三方API，使用Ajax进行调用，需要将API键注入url。我将API密钥存储在

.env

文件中。我知道在服务器端使用API密钥，我可以运行一个

os.environ.get（'API\u密钥'）

。现在我已经看到一些以前的帖子建议在Django视图中调用API。但该调用在大约4个不同的地方使用（地址自动填充api）

我看过一些例子，但大多数似乎使用Webpack，或者使用Node作为后端

我真的只是想找到最好的简单解决方案，如何将Docker环境变量注入JS脚本中，该脚本将在每次进行api调用时在浏览器中呈现。是否必须执行自定义shell脚本并将其抛出Dockerfile，或者可能是一个有助于实现此目的的包

---

非常感谢您的帮助

我可能偶然发现了一个使用templatetags的解决方案，一些知识更渊博的人可能会解释其方法和原因

我使用了（编辑部分/答案的第二部分）从stackoverflow到一个类似的问题

在创建templatetag以从.env文件检索变量之后，然后在静态文件夹中存储的一个自定义.js文件中，我编写/复制/修改了一个脚本，以便将google图表放在网页上

在html页面上，我把代码

{% load env_extras %} 

然后在.js文件中，我用

'{% get_env_var "MAPSAPIKEY" %}'

我使用的.js文件中的特定代码行是：

google.charts.safeLoad({ packages: ['geochart'], mapsApiKey:  '{% get_env_var "MAPSAPIKEY" %}' });

---

我可能偶然发现了一个使用templatetags的解决方案，一些知识更渊博的人可能会解释其方法和原因

我使用了（编辑部分/答案的第二部分）从stackoverflow到一个类似的问题

在创建templatetag以从.env文件检索变量之后，然后在静态文件夹中存储的一个自定义.js文件中，我编写/复制/修改了一个脚本，以便将google图表放在网页上

在html页面上，我把代码

{% load env_extras %} 

然后在.js文件中，我用

'{% get_env_var "MAPSAPIKEY" %}'

我使用的.js文件中的特定代码行是：

google.charts.safeLoad({ packages: ['geochart'], mapsApiKey:  '{% get_env_var "MAPSAPIKEY" %}' });