gpt4 book ai didi

python - Django 静态文件未加载且没有错误标志

转载 作者:行者123 更新时间:2023-11-28 19:19:56 24 4
gpt4 key购买 nike

当我运行 django 服务器并尝试加载 HTML 文件时,它没有加载 CSS 文件。我在终端或网站本身没有看到任何错误——只是在后台加载动画。在 settings.py 中设置静态文件后,我在终端上运行 collectstatic,它在主文件区域生成一个新的静态文件,其中包含所有 CSS/JS/字体文件。

~filepath

├── static/
│ ├── static/
│ │ └── admin/
│ │ └── css/
│ └── fonts/
│ └── images/
│ └── js/
├── templates/
│ └── base.html/
│ └── _partials/
│ └── footer.html
│ └── navbar.html
│ └── pages/
│ └── index.html
│ └── about.html

~设置.py

STATIC_ROOT = os.path.join(BASE_DIR,'static')
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'tvfb/static')
]
~urls.py (project)
urlpatterns = [
path('', include('pages.urls')),
path('admin/', admin.site.urls),
]
~urls.py (app)
from django.urls import path
from . import views

urlpatterns = [
path('', views.index, name='index'),
path('about', views.about, name='about'),
]
~views.py
def index(request):
return render(request, 'pages/index.html')

def about(request):
return render(request, 'pages/about.html')
~base.html
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i" 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>
<body>
<!-- Nav Bar -->
{% include '_partials/_navbar.html'%}
<!-- Main Content -->
{% block content %}
{% endblock %}
<!-- footer -->
{% include '_partials/_footer.html'%}


<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


<script src="{% static 'js/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="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="{% static 'js/google-map.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>

</body>
</html>

最佳答案

删除staticfilesdir:

STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'tvfb/static')
]

将保持为:

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')

运行 python manage.py collectstatic 并且不要忘记同时清除浏览器的缓存

关于python - Django 静态文件未加载且没有错误标志,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57538388/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com