DjangoテンプレートをHTMLファイルに挿入することなく、DjangoテンプレートのHTMLファイルにCSS/JSをロードするにはどうすればよいですか？

Question

私はtemplatesフォルダにindex.htmlを持っています。 HTMLファイルのheadタグは<script src="scripts/main.js"></script>です。

templates/に端末を開いてpython manage.py runserverを実行すると、HTMLが正しく読み込まれます。しかし、次のような404エラーが発生します。GET /PATH/TO/scripts/main.js HTTP/1.1" 404 2446

index.html JSファイルが見つかりません。 index.htmlを編集せずに、HTMLファイルにJSファイルをロードさせるにはどうすればよいですか？あなたがstaticと{% load static from staticfiles %}を使用する必要があります

Answer 1

、このような

：

{% load static from staticfiles %} 
<script src="{% static 'scripts/main.js' %}"></script> 

---

注：これは展開/生産サービスに示唆されていません。

REF：https://docs.djangoproject.com/en/1.10/howto/static-files/#serving-static-files-during-development

from django.conf import settings 
from django.conf.urls.static import static 

urlpatterns = [ ... ] 

urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) # static 
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) # media file 

あなたが前urls.pyにそれらを追加するには、settings.pyにSTATIC_URLとSTATIC_ROOTを設定する必要があります。

注：これはあなたがDjangoが静的なファイルを提供できるようにrunserver --insecureを実行する必要がsettings.py

でDEBUG=Falseで動作します。

ですから、これで追加することができます。

<script src="/static/scripts/main.js"></script> 

/静的/ 'index.htmlを' を編集必要とするあなたのSTATIC_URL