Django加载静态文件

发布时间 2024-01-04 10:29:39作者: 匿名者nwnu

问题

学习django的静态文件加载时,遇到css无法加载,js可以加载的问题,代码如下

    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <link  href="{% static 'css/bootstrap.min.css' %}">
    <link  href="{% static 'css/bootstrap-theme.min.css' %}">

网上一堆全是关于设置的,发现settings.py设置并没问题,但是采用cdn方式加载样式,却没有问题,最后发现是缺少了rel="stylesheet"

元素用于引用外部 CSS 文件,并通过 rel="stylesheet" 属性指定该链接是一个样式表文件。因此,在使用 Bootstrap CSS 文件时,确保在 标签中添加 rel="stylesheet" 属性,以确保正确加载和应用 CSS 样式

正确代码

    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/bootstrap-theme.min.css' %}">