Django 无法加载静态文件

2024-04-07

对 django 来说是全新的。

在我的 settings.py 文件中,我有:

STATIC_URL = '/static/'
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

我的 urls.py 有

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.index)
]

我的views.py有

def index(request):
    return render(request, 'index.html', {})

最后,我的 index.html 中有以下内容:

{% load static %}
<link href="{% static 'styles/custom.css' %}" rel="stylesheet">

HTML 文件像显示的那样加载,但样式不显示。经检查,提示未找到 CSS 文件。

这是我的目录结构:

.
├── README.md
├── app
│   ├── __init__.py
│   ├── db.sqlite3
│   ├── manage.py
│   ├── models.py
│   ├── settings.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── db.sqlite3
├── static
│   ├── scripts
│   │   └── custom.js
│   └── styles
│       └── custom.css
└── templates
    └── index.html

你必须告诉 Django 在哪里可以找到静态文件。这是通过设置来完成的静态文件目录 https://docs.djangoproject.com/en/2.0/ref/settings/#staticfiles-dirs在你的设置.py module.

通常我们会做这样的事情,使用BASE_DIR:

设置.py

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

有关静态设置的一些额外信息:

一开始有点混乱,因为 Django 有三个类似的配置:

  • STATIC_URL
  • STATIC_ROOT
  • STATICFILES_DIRS

基本上,STATIC_URL将用于生成 URLserve你的静态资产。它可能是一个相对 URL,就像您所拥有的:

STATIC_URL='/static/'

{% static 'styles/custom.css' %} => /static/styles/custom.css

它可能是一个完整的 URL:

STATIC_URL='https://static.yourdomain.com/'

{% static 'styles/custom.css' %} => https://static.yourdomain.com/styles/custom.css

现在STATICFILES_DIRSDjango 将在其中找到您的静态文件。它通常位于项目文件夹中。但!这不是 Django 的来源serve您向客户提供的静态资产。就像是,你的静态文件的来源在哪里.

那是因为 Django 并不真正提供此类文件(.js, .css, .jpg)。好吧,无论如何不是默认的。您可以使用第三方应用程序,例如白噪声 http://whitenoise.evans.io/en/stable/.

这也是我们拥有STATIC_ROOT,这是告诉Django从哪里复制这些文件STATICFILES_DIRS这样其他人就可以为我服务。这个其他人通常是 Apache 或 NGINX。

我们只使用STATIC_ROOT用于部署。

当我们将 Django 应用程序部署到生产服务器时,我们通常运行以下命令python manage.py collectstatic。这就是 Django 从中复制文件的地方STATICFILES_DIRS to the STATIC_ROOT.

但在开发阶段你实际上不必关心这么多细节,因为虽然DEBUG=True,Django 将使事情变得更容易并提供静态文件。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Django 无法加载静态文件 的相关文章

随机推荐

  • CDF 累积分布函数误差

    我正在尝试为多列数据文件中的一列绘制 CDF 当数据文件中仅存在一列时 它可以很好地绘制 当我尝试从数据中获取特定列时 它给了我错误 我还尝试使用 for 循环来读取它读起来很好的特定列 如果我在 for 循环之外给出绘图语句 则绘图仅显示
  • C++ 中字符串文字的类型是什么? [复制]

    这个问题在这里已经有答案了 例如 字符串文字 Hello 的类型是什么 const char 6 or const char 字符串文字的类型 Hello 是 6 的数组const char 普通字符串文字和 UTF 8 字符串文字也称为窄
  • 使用 URL 进行简单的 Swift 文件下载

    因此 我将 URL 作为字符串 在本例中为 JPG 但如果可能的话 希望有一个适用于任何文件类型的通用过程 并将文件路径作为字符串 用于保存文件 实现这一点的最快方法是什么 请记住 这是针对 OSX 命令行应用程序的 我尝试了这里找到的一些
  • 如何一键点击链接即可实现“链接另存为”功能? [复制]

    这个问题在这里已经有答案了 因此 正如你们大多数人可能知道的那样 当您在网页上放置文件的链接时 您必须右键单击该链接 然后单击 链接另存为 才能下载该文件 我想知道是否有一种方法可以单击链接并自动下载文件 有一个方法 使用header 调用
  • 在 C# 中追加两个或多个字节数组

    在 C 中是否有最好的 见下文 方法来附加两个字节数组 假装我拥有完全的控制权 我可以使第一个字节数组足够大以在末尾保存第二个字节数组并使用数组 复制到 https msdn microsoft com en us library syst
  • 当返回自定义对象列表时,RxJava 突出显示错误但编译

    我正在进行 RxJava 调用 我订阅的最终结果是预订列表 代码工作正常 但我得到了这个恼人的亮点 演员阵容在这里不起作用 因为我无法演员阵容List
  • 为什么 Linux 重定向会截断文件?

    我有一个名为 test txt 的文件 如下所示 hello world 它只是一个 hello world 字符串 如果我使用 perl 正则表达式 perl pe s hello bye g test txt it says bye w
  • 使用 itextsharp 使用数据库中的图像创建 pdf

    我有一个过程 其中 html 与图像链接存储在数据库中 图像也存储在数据库中 我创建了一个从数据库读取图像的控制器操作 我生成的路径是这样的 File Image path Root test jpg 该图像路径嵌入在 html 的 img
  • 使用自定义配置在调试模式下运行 sbt 项目

    我想使用特殊配置在我的 sbt 0 11 项目中引入调试模式 我尝试使用以下代码来实现这一点 但不幸的是 它似乎没有按预期工作 我正在启动debug run但运行并未按预期暂停 object Test extends Build lazy
  • 如何在 Windows 10 上解锁詹金斯

    我使用下载的 msi 在我的 Windows 10 机器上安装了 jenkins 它安装得很好 现在启动了浏览器 提示我使用初始管理员密码解锁詹金斯 我在任何地方都找不到这个文件 我查看了安装目录 C Program Files x86 J
  • 在 ControllerAdvice 之前捕获反序列化异常

    这是一个问题 我有一个采用输入模型的控制器 可以说 public class AppUserUpdateData NotNull Size min 1 max 50 protected String login JsonDeserializ
  • 处理 String.getBytes("UTF-8") 中的 UnsupportedEncodingException 的推荐方法

    建议的处理方式是什么不支持的编码异常 http docs oracle com javase 6 docs api java io UnsupportedEncodingException html在库方法中调用 String getByt
  • 如何更改 Paginator 的页面名称?

    Current Paginator正在使用 page N 但我想用别的东西 我怎样才能改变成这样 sida N反而 我看过Illuminate Pagination Environment并且有一个方法 setPageName 在那里改变它
  • 从浏览器调用 Android 应用程序

    我一直在尝试从浏览器调用我的应用程序安卓 3 1 蜂窝 这些是我尝试过的链接 但没有一个有效 a href click me 1 a a href click me 2 a a href click me 3 a 对于第一个和第二
  • 鼠标悬停/悬停效果在 IE8 上缓慢

    我注意到在 IE8 中 当在包含许多行 本例中为 100 行 的表上使用鼠标悬停事件时 性能会出现奇怪的情况 我尝试了很多不同的方法 但我似乎找不到任何方法来按照我喜欢 需要的速度获得它 如果我在每个事件上切换类 则所有 IE 版本的性能都
  • 为什么 JavaScript 在普通浏览器中没有自己的线程?

    JavaScript 不是多线程还不够 显然 JavaScript 甚至没有自己的线程 而是与大量其他东西共享一个线程 即使在大多数现代浏览器中 JavaScript 通常也与绘画 更新样式和处理用户操作处于同一队列中 这是为什么 根据我的
  • 使用 Joda Time 进行 Grails 控制器单元测试

    当我有一个带有 Joda LocalDateTime 字段的域对象时 一些生成所有创建的控制器测试失败 grails create app bugdemo cd bugdemo grails create domain class Item
  • 立即返回弹簧网通量

    我正在尝试创建应该返回 201 响应的框架 当向 API 发出请求时 我想立即发回响应并在后台处理该请求 Flux fromIterable request getApiRequests log flatMap item gt WebCli
  • 正确的 Javascript 继承

    我想知道是否可以在javascript中继承构造函数 在下面的例子中 我想要Moveable分派x and y论点this x and this y分别如我所定义Sprite 另外 在不创建祖先实例的情况下定义原型的最佳方法是什么 但仍然简
  • Django 无法加载静态文件

    对 django 来说是全新的 在我的 settings py 文件中 我有 STATIC URL static INSTALLED APPS django contrib admin django contrib auth django