【发布时间】：2012-03-02 13:15:34
【问题描述】：
我正在使用 django 1.3 并进行一些模板继承。离开主页后，我的/static/ 设置路径似乎有问题。问题是，当我加载从 base.html 继承的 home.html 时，CSS 和图像链接工作正常。但是一旦我转到一个额外的 URL（在本例中为 vehicle.html），css 和图像就会丢失并出现以下错误：
控制台错误
"GET /static/%20/static/images/logo_2.jpg HTTP/1.1" 404 1771
"GET /static/%20/static/css/default.css HTTP/1.1" 404 1765
查看页面源代码
<link rel="stylesheet" type="text/css" href="/static/ /static/css/default.css">
<link rel="stylesheet" type="text/css" href="/static/ /static/css/default.css">
似乎从某个地方出现了一些空间。此外，从 vehilce.html 文件中，页面源显示它在 url 中添加了一个额外的 /static/ 加上空格。我哪里会出错？我的文件见下文：
settings.py
STATIC_ROOT = 'D:/dev/workspace/vehicle_request/vehicle_request/mvmanager/static/'
STATIC_URL = '/static/'
urls.py
urlpatterns = patterns('',
url(r'^$', home_page),
(r'^admin/', include(admin.site.urls)),
(r'^media/(?P<path>.*)$', 'django.views.static.serve',{'document_root': settings.MEDIA_ROOT}), #Not in use in my code yet
(r'^static/(?P<path>.*)$', 'django.views.static.serve',{'document_root': settings.STATIC_ROOT}),
(r'^vehicle/', vehicle),
(r'^driver/', driver),
base.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/static/css/default.css">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<header>
<a href="http://localhost:8000" title="Home Page">
<img alt="logo2:" src="{{ STATIC_URL }}/static/images/logo_2.jpg"
style="float:left; margin:5px" height="100"; border=none"></a><br><br>
<h1>Vehicle Request System <span class="version">(Version 0.1 beta)</span></h1>
</header>
<hr style="clear: left">
<hr>
</body>
</html>
vehicle.html
{% extends "base.html" %}
{% block title %}Vehicle Registration{% endblock %}
{% block content %}
<html>
<head></head>
<body></body>
</html>
{% endblock %}
谢谢。
编辑
1. 我已将href="{{STATIC_URL}} /static/css/default.css"> 中的stati 更改为static，因为它在我的代码中就是这样。我一定是在发帖时错误地退格了。然而，继续前进，
2. 当我将{{STATIC_url}} /Static 更改为{{STATIC_URL}}/Static 即。我删除了这两个词之间的空格——正如下面@sarnold 所建议的那样——home.html 照常工作，但vehicle.html 仍然没有加载 css 和图像，它在控制台中显示以下错误：
File "c:\Python27\lib\site-packages\django\core\files\storage.py", line 234, in path
raise SuspiciousOperation("Attempted access to '%s' denied." % name)
SuspiciousOperation: Attempted access to '\static\images\logo_2.jpg' denied.
[10/Feb/2012 06:11:55] "GET /static//static/images/logo_2.jpg HTTP/1.1" 500 1731
File "c:\Python27\lib\site-packages\django\core\files\storage.py", line 234, in path
raise SuspiciousOperation("Attempted access to '%s' denied." % name)
SuspiciousOperation: Attempted access to '\static\css\default.css' denied.
[10/Feb/2012 06:23:29] "GET /static//static/images/logo_2.jpg HTTP/1.1" 500 1731
3. 当我结合@sarnold 和@cptphil 建议时，vehicle.html 完美地加载了 css 和图像。 home.html 但是失败了。请参阅下面对base.html 的更改：
base.html（编辑成这样）
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/default.css">
<img alt="logo2:" src="{{STATIC_URL}}images/logo_2.jpg"
home.html 现在不起作用！ （查看页面源代码）
<link rel="stylesheet" type="text/css" href="css/default.css">
<img alt="logo2:" src="images/logo_2.jpg"
vehicle.html 现在可以使用（查看页面源代码）
<link rel="stylesheet" type="text/css" href="/static/css/default.css">
<img alt="logo2:" src="/static/images/logo_2.jpg"
这就是 home.html 在原始形式中的样子
{% extends "base.html" %}
{% block title %}GEL: Vehicle Request System{% endblock %}
{% block content %}
{% endblock %}
【问题讨论】：
标签： html django django-templates