django无法找到静态文件

问题描述 投票:1回答:1

我正在构建登录页面应用程序。下面的链接中显示了预期的登录页面应用程序。该登录页面有两个图像,并使用django中的css和其他文件进行了对齐。当我运行django服务器时,我能够看到登录文本框和静态文本标签,但是图像和对齐方式不正确,路径是从settings.py中的STATIC_URL或STATIC_ROOT获取的。

当我运行serer时,我看到这样的错误

[10/Mar/2020 20:18:41] "GET / HTTP/1.1" 302 0
[10/Mar/2020 20:18:41] "GET /login/?next=/ HTTP/1.1" 200 2607
[10/Mar/2020 20:18:41] "GET /login/static/dau_gui_app/fontawesome-free-5.3.1-web/css/all.min.css HTTP/1.1" 404 141
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/style.css HTTP/1.1" 404 102
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/w3.css HTTP/1.1" 404 99
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/bootstrap.min.css HTTP/1.1" 404 110
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/dataTables/datatables.css HTTP/1.1" 404 118
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/dataTables/jQuery-3.3.1/jquery-3.3.1.js HTTP/1.1" 404 132
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/dataTables/datatables.js HTTP/1.1" 404 117
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/images/logo.png HTTP/1.1" 404 108
[10/Mar/2020 20:18:41] "GET /static/dau_gui_app/images/alstom_logo.png HTTP/1.1" 404 115

我的login.html看起来像这样:

{% load i18n %}   
{% load admin_static %}{% load firstof from future %}<!DOCTYPE html>                                                                         
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>    

<head> 


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> 
  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">     
<link rel="stylesheet" href="static/dau_gui_app/fontawesome-free-5.3.1-web/css/all.min.css">    
<link rel='shortcut icon' type='image/x-icon' href='/static/dau_gui_app/images/favicon.ico' />

                                                                      
<link rel="stylesheet" href="/static/dau_gui_app/style.css">              
<link rel="stylesheet" href="/static/dau_gui_app/bootstrap.min.css"> 
                              
<link rel="stylesheet" href="/static/dau_gui_app/w3.css">
        
<link rel="stylesheet" href="/static/dau_gui_app/dataTables/datatables.css">  
<script type="text/javascript" src="/static/dau_gui_app/dataTables/jQuery-3.3.1/jquery-3.3.1.js"></script>
<script type="text/javascript" src="/static/dau_gui_app/dataTables/datatables.js"></script>
                              
<link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% static 'admin/css/base.css' %}{% endblock %}" />
{% block extrastyle %}{% endblock %}   

<title>
	{% block title %}Login{% endblock %}
</title> 
    
</head>

{% load i18n %}

<body id="login_page">	  
  
  <DIV style="margin-left:auto;margin-right:auto;padding-top:100px;display:block;width:30%">
  
  <DIV id="login_box">
	 <table id="logon_box_table"  >
	 
	 <!--  Title Bar -->
	
	 <TR >	
		<TD colspan='2' > 
		 <DIV id='login_box_title'>
	   		Login
	   	</DIV>
	 	</TD>	
	 </TR>
	
	
  <!--  login -->
	<TR >	
	
		<TD > 
			<div id= "logon-container" >
		 		<img src="/static/dau_gui_app/images/logo.png" alt=""> 
		 		<div id="alstom-logo-container"> <img src="/static/dau_gui_app/images/alstom_logo.png" alt="" style="width: 90px; height: 18px;"> </div>
				<div id="version-container" >Software Version: 4.0</div>
	 		</div> 	
		</TD>			
			 
		
		<TD style="width: 490px; height: 18px;"> 			
	    	{% block content %}

	  		<form id="loginForm" method="post">
	    		{% csrf_token %}
	    		{{ form.as_p }}    
		</TD>
	 </TR>
	 
	<TR >	
		<TD colspan='2' style="text-align:center;padding:10px">  
	 			<button style="width: 90px; height: 28px;" type="submit">Login</button>
  			</form>
		{% endblock %}
	 	</TD>
	 </TR>

	</TABLE>    
 	 
</DIV>
  
</DIV>
   
   
</body>
</html>

Settings.py具有此内容

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

登录页面图像视图: enter image description here

页面Django运行时显示的页面: enter image description here

我看了enter link description here给出的解决方案,但没有帮助我。请让我知道我是否缺少什么以及为什么登录页面中未显示图像。

javascript jquery html css django
1个回答
0
投票

@@ all,我可以通过将DEBUG = True设置为True来解决此问题,因为它没有投入生产并在本地进行了一些更新。不确定是否会产生影响。但是当我在settings.py中设置DEBUG = True时,它对我有用

© www.soinside.com 2019 - 2024. All rights reserved.