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

时间:2014-12-24 04:58:09

标签: javascript html css python-2.7 django-1.7

我正在使用django 1.7,

这是我的settings.py文件

STATIC_URL = '/static/'

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

STATIC_ROOT = "absolute/path/to/static"

这里的资产是我创建的文件夹,包含所有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。 / p>

我做错了什么,我是django的新手,任何人都可以指出我正确的方向

提前致谢。

编辑:

我在浏览器开发者控制台

中得到了这个

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

1 个答案:

答案 0 :(得分:1)

您应该从css文件的路径中删除/static/前缀:

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