javascript - 收到静态文件但在 django 中不起作用

Question

我正在使用 django 1.7，

这是我的settings.py文件

STATIC_URL = '/static/'

STATICFILES_DIRS = (
os.path.join(BASE_DIR, "assets"),
)

STATIC_ROOT = "absolute/path/to/static"

这里的 assets 是我创建的文件夹，包含所有 css 和 js 文件。之后我运行命令 collectstatic 并创建了一个静态文件夹。

这就是我在 html 中调用 css 和 js 文件的方式

{% load staticfiles %}

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Login</title>

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

问题是当我运行服务器时收到所有 css 和 js 文件(在开发人员部分显示 200 ok)但是没有应用 css，我的意思是 html 页面看起来很原始，好像没有应用 css。

我做错了什么，我是 django 的新手，谁能指出我正确的方向

提前致谢。

编辑:

我在浏览器开发者控制台中得到这个

资源解释为样式表但使用 MIME 类型文本/纯文本传输:“.../static/css/bootstrap.min.css”。

Answer 1

你应该从 css 文件的路径中去掉 /static/ 前缀:

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