从django settings.py访问API Key以获取模板中的脚本标签源

Question

我正在尝试将我的api从我的settings.py添加到我的脚本标记的src。我一直没有成功，所以我希望有人有一个我没有想过或在网上找到的想法。

<script>
    let GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
    console.log(GOOGLE_API_KEY) </script> 
<script
      src="https://maps.googleapis.com/maps/api/js?key=GOOGLE_API_KEY&callback=initMap&libraries=&v=weekly"
      async defer>
</script>

GOOGLE_API_KEY成功地从我的views.py记录了正确的api密钥。

Answer 1

由于js的异步特性，这是不起作用的。

尝试以下操作：

<script
      src="https://maps.googleapis.com/maps/api/js?key={{GOOGLE_API_KEY}}&callback=initMap&libraries=&v=weekly"
      async defer>
</script>

Answer 2

我在极客福客上找到了解决方案

<!-- Manipulating script tag to use django secret key -->
<!-- https://www.geeksforgeeks.org/how-to-insert-a-javascript-variable-inside-href-attribute/ -->

<script>
    let GOOGLE_API_KEY='{{GOOGLE_API_KEY}}'
    console.log(GOOGLE_API_KEY)
</script>
<script> 
    var loc = `https://maps.googleapis.com/maps/api/js?key=${GOOGLE_API_KEY}&callback=initMap&libraries=&v=weekly`; 
    document.write('<script src="' + loc + '"><\/script>'); 
</script>