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

标签 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"

这里的 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”。

最佳答案

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

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

关于javascript - 收到静态文件但在 django 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27631720/

相关文章:

javascript - 停止 IE8 中的脚本加载错误弹出窗口

javascript - d3 条形图标签在使用新数据更新图表时未更新

css - HTML 输入需要搞乱我的输入

html - SCSS 图像路径不起作用

css - 是否可以为单个背景提供线性和径向渐变?

javascript - 向对象添加原型(prototype)会出现错误

Javascript - 隐藏的数学答案。

css - 在这种特定情况下如何将文本居中放置在 div 中?

按钮之间的 CSS 空间

javascript - this.props.history 已弃用( react 路由器)