テンプレートdjangoで静的リンクが正しく形成されない

Question

nginxを使用してDjangoアプリケーションをデプロイしても問題ありません。しかし、私のイメージはページに読み込まれません。 faviconとcssとjsファイルが正常に読み込まれたので、静的フォルダには問題ありません。

私はwebbrowserで形成されたソースコードを見て、画像のリンクの最後に「/」が付いているのを見ました。これはアドレスを無効にしています。手動で削除する場合は、 '/'サイト内のリソースが見つかりました。しかし、私はこのcaractereの挿入を引き起こしているのか分かりません。

私のサイトで利用可能なファイル

server { 
    listen 80; 
    server_name localhost; 

    location = /favicon.ico {access_log_off; log_not_found off;} 
    location /static/ { 
     root /home/pi/WebSite; 
    } 
    location/{ 
     include proxy_params; 
     proxy_pass http://unix:home/pi/WebSite/Website.sock; 
    } 
} 

私のsettings.py

STATIC_URL = '/static/' 
STATIC_ROOT = os.path.join(BASE_DIR,'static/') 

マイテンプレートファイル：サイトのソースコードで

<div class='col-md-12 col-xs-12'> 
    <img class="img-rounded img-responsive text-center" src = {% static 'img/sistema.png' %}/> 
    <img class="img-rounded img-responsive text-center" src = {% static 'img/legenda.png' %}/> 
</div> 

、画像が表示されます：

<div class='col-md-12 col-xs-12'> 
    <img class="img-rounded img-responsive text-center" src = /static/img/sistema.png/> 
    <img class="img-rounded img-responsive text-center" src = /static/img/legenda.png/> 
</div> 

ご意見、ご提案はありますか？ ありがとう、私はもうアイデアはありません

Answer 1

あなたはsrc = {% static 'img/sistema.png' %}を使用しています。これは無効なHTMLにつながります。代わりにsrc="{% static 'img/sistema.png' %}"が必要です。つまり、ブラウザには/が画像のURLの一部ではないことがわかります。