我尝试使用静态文件{% static 'assets/css/style.css' %}在django模板中连接我的style.css，但我一直看到这个错误Refused to apply style from 'http://127.0.0.1:8000/assets/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.。注意：当我复制我的css并手动将其粘贴到节内的样式标签中时，一切都很正常，但我的css有超过23，000行代码，并且它太多了，不能放在我项目的head节中。
index.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Favicon -->
<link rel="shortcut icon" href="{% static 'assets/images/favicon.ico' %}">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/font-awesome/css/all.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/bootstrap-icons/bootstrap-icons.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/tiny-slider/tiny-slider.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'assets/vendor/glightbox/css/glightbox.css' %}">
<!-- Theme CSS -->
<link id="style-switch" rel="stylesheet" type="text/css" href="{% static '/assets/css/style.css' %}">
</head>树
├───base
│ ├───migrations
│ │ └───__pycache__
│ └───__pycache__
├───course
│ ├───migrations
│ │ └───__pycache__
│ ├───templatetags
│ │ └───__pycache__
│ └───__pycache__
├───dashboard
│ ├───migrations
│ │ └───__pycache__
│ └───__pycache__
├───dexxaedprj
│ └───__pycache__
├───static
│ ├───assets
│ │ ├───css
│ │ │ ├───components
│ │ │ │ └───vendor
│ │ │ └───custom
│ │ │ ├───forms
│ │ │ └───helper
│ │ ├───images
│ │ │ ├───avatar
│ │ │ ├───client
│ │ │ ├───courses
│ │ │ │ └───4by3
│ │ │ ├───element
│ │ │ └───flags
│ │ ├───js
│ │ └───vendor
│ │ ├───bootstrap
│ │ │ ├───dist
│ │ │ │ └───js
│ │ │ ├───js
│ │ │ │ └───src
│ │ │ │ ├───dom
│ │ │ │ └───util
│ │ │ ├───node_modules
│ │ │ │ └───@popperjs
│ │ │ │ └───core
│ │ │ │ └───lib
│ │ │ │ ├───dom-utils
│ │ │ │ ├───modifiers
│ │ │ │ └───utils
│ │ │ └───scss
│ │ │ ├───forms
│ │ │ ├───helpers
│ │ │ ├───mixins
│ │ │ ├───utilities
│ │ │ └───vendor
│ │ ├───bootstrap-icons
│ │ │ └───fonts
│ │ ├───font-awesome
│ │ │ ├───css
│ │ │ └───webfonts
│ │ ├───glightbox
│ │ │ ├───css
│ │ │ └───js
│ │ ├───purecounterjs
│ │ │ └───dist
│ │ └───tiny-slider
│ └───Old Assets
│ └───assets
│ ├───css
│ ├───images
│ │ ├───about
│ │ ├───course-images
│ │ ├───courses
│ │ ├───dashboard
│ │ └───left-imgs
│ ├───js
│ └───vendor
│ ├───bootstrap
│ │ ├───css
│ │ │ └───dist
│ │ │ └───css
│ │ └───js
│ ├───fontawesome-free
│ │ ├───css
│ │ └───webfonts
│ ├───jquery-ui-1.12.1
│ ├───js
│ │ └───src
│ │ └───tools
│ ├───node_modules
│ │ └───popper.js
│ │ └───dist
│ │ └───esm
│ ├───OwlCarousel
│ │ └───assets
│ ├───scss
│ │ ├───mixins
│ │ ├───utilities
│ │ └───vendor
│ ├───semantic
│ └───unicons-2.0.1
│ ├───css
│ └───fonts
├───templates
│ ├───base
│ └───Old Templates
│ ├───admin
│ ├───base
│ ├───course
│ ├───dashboard
│ ├───design
│ ├───howto
│ └───userauths
└───userauths
├───migrations
│ └───__pycache__
└───__pycache__
2条答案
按热度按时间mkh04yzy1#
我所做的就是在我的base.html头部部分添加这一行
83qze16e2#
django.contrib.staticfiles提供了一个方便的管理命令，用于将静态文件收集到一个目录中，这样您就可以轻松地为它们提供服务。
1.将STATIC_ROOT设置设置为要从中提供这些文件的目录，例如：
STATIC_ROOT =“/var/www/example.com/static/“
2.运行collectstatic管理命令：
$ pythonmanage.pycollectstatic
这将把所有文件从静态文件夹复制到STATIC_ROOT目录。
转自：https://docs.djangoproject.com/en/3.1/howto/static-files/#serving-static-files-during-development