1

我的问题很简单,但我发现它很难解决。 问题是我无法加载位于项目根文件夹的静态文件夹中的 CSS 文件和图像。静态文件夹不在应用名称下。

我的项目名称是“电子商务”,我的应用名称是“商店”。

这是我的项目的文件层次结构。

在此处输入图像描述

这是我的 settings.py

在此处输入图像描述

我也添加了我的应用程序。

在此处输入图像描述

是的,STATICFILES_DIRS也是。

在此处输入图像描述

另一个也试过了。

STATICFILES_DIRS = [
BASE_DIR / "static",

]

我使用temp.html来展示演示,这是我的代码。

在此处输入图像描述

以及名为main.css的 CSS 文件

在此处输入图像描述

正确完成所有操作后,CSS 文件和图像将无法加载。

在此处输入图像描述

我在终端中遇到的错误

在此处输入图像描述

在 Chrome 的开发者模式下

在此处输入图像描述

据我所知,这是一个新手错误,我是初学者。在这个问题解决之前,我无法继续前进。如果有人能站出来帮助我解决问题,我将不胜感激。

4

1 回答 1

0

首先将您的静态文件夹移动到存储在此处的应用程序目录中

现在在静态文件中创建另一个存储文件夹

static/store

现在在 static/store 目录中创建所有文件夹,如 css、js 和 img。然后在此链接中替换您的css链接

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

和img标签链接。

<img src="{% static 'images/cart.png' %}" alt="My image">

于 2021-12-06T07:04:37.417 回答