html - Django 不接受 saas 文件但接受 css 文件
问题描述
请帮我。
当我在 cmd 中运行我的应用程序时,我的网站无法使用 css(具有 saas 和 css)加载资源失败:服务器响应状态为 404(未找到)
设置.py
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')
]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles/')
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
头.html
{% load static %}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/open-iconic-bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'css/animate.css' %}">
<link rel="stylesheet" href="{% static 'css/owl.carousel.min.css' %}">
<link rel="stylesheet" href="{% static 'css/owl.theme.default.min.css' %}">
<link rel="stylesheet" href="{% static 'css/magnific-popup.css' %}">
<link rel="stylesheet" href="{% static 'css/aos.css' %}">
<link rel="stylesheet" href="{% static 'css/ionicons.min.css' %}">
<link rel="stylesheet" href="{% static 'css/flaticon.css' %}">
<link rel="stylesheet" href="{% static 'css/icomoon.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
脚本.html
{% load static %}
<script src="j{% static 's/jquery.min.js' %}"></script>
<script src="{% static 'js/jquery-migrate-3.0.1.min.js' %}"></script>
<script src="{% static 'js/popper.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/jquery.easing.1.3.js' %}"></script>
<script src="{% static 'js/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'js/jquery.stellar.min.js' %}"></script>
<script src="{% static 'js/owl.carousel.min.js' %}"></script>
<script src="{% static 'js/jquery.magnific-popup.min.js' %}"></script>
<script src="{% static 'js/aos.js' %}"></script>
<script src="{% static 'js/jquery.animateNumber.min.js' %}"></script>
<script src="{% static 'js/scrollax.min.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
但是当我只使用没有 saas 的 css 文件时,就可以正常工作了。有什么问题帮我?
解决方案
好吧,SCSS/LESS 只是编写 CSS 的花哨且更简单的方法。除非将它们编译为 CSS 文件,否则浏览器无法读取它们。
这就是为什么您需要将它们编译为 CSS,然后在项目中包含 CSS 文件。不是 SCSS/LESS 直接
推荐阅读
- java - Volley BasicNetwork.logSlowRequests:慢速网络问题
- powershell - 从 Powershell 变量启动 RunAs
- html - Bootstrap 导航栏不会折叠并且没有响应
- r - 如何删除数据框中的行并根据匹配的字符值对数值求和
- reactjs - 已解决-单击时努力为映射数组列表中的每个项目创建特定的模态弹出窗口-React Native
- javascript - Mongoose findById 函数返回奇怪的响应
- c - 从c中的txt文件读取
- c++ - 如何在系统进程中获取用户的当前会话?
- python - 安装本地 python 包时遇到问题
- python - 列不是熊猫数据框的列