Django / Apache / Ubuntu无法提供静态文件

如何解决Django / Apache / Ubuntu无法提供静态文件

一切正常,直到我从本地PC移到Web服务器(AWS Ubuntu)。我正在将Apache与WSGI适配器一起使用。

DEBUG = FALSE,这是一个实时生产环境。

我遵循了所有可能已经做过的所有指南,但仍然无法弄清为什么我的图像或样式都没有显示。

我无法全神贯注于静态文件的工作方式,可能有一个简单的原因为什么它不起作用,但我无法弄清楚。我遵循了很多指南,却一头雾水。

是的,我已经运行collectstatic,但似乎要做的就是将我所有的静态文件都放入静态文件夹中。不确定这样做的目的是什么,我在django网站上无法理解它。

您可以在这里查看我的网站:http://13.56.18.7/

该网站加载时没有样式,如果您检查Chrome开发工具,则不会显示我的文件:

enter image description here

内部版本:

enter image description here

urls.py

from django.contrib import admin
from django.urls import path
from app_main.views import (home_page,services_page,history_page,offers_page,contact_page)
from django.conf.urls import url
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    url(r'^$',home_page,name='home_page'),path('admin/',admin.site.urls),path('services/',services_page),url(r'^services/',name='services_page'),url(r'^history/',name='history_page'),url(r'^offers/',name='offers_page'),url(r'^contact/',contact_page,name='contact_page'),] + static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)

settings.py

STATIC_DIR = os.path.join(BASE_DIR,"static")

STATIC_URL = '/static/'

if DEBUG:
    STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')]
else:
    STATIC_ROOT = os.path.join(BASE_DIR,'static')

apache2.conf

WSGIDaemonProcess www-data processes=2 threads=12 python-path=/build/DoneRitePlumbing
WSGIProcessGroup www-data
WSGIRestrictEmbedded On
WSGILazyInitialization On
WSGIScriptAlias / /build/DoneRitePlumbing/DoneRitePlumbing/wsgi.py

<Directory /build/DoneRitePlumbing/DoneRitePlumbing>
    Require all granted
</Directory>

Alias /media/ /build/DoneRitePlumbing/media/
Alias /static/ /build/DoneRitePlumbing/static/


<Directory /build/DoneRitePlumbing/static>
Require all granted
</Directory>

<Directory /build/DoneRitePlumbing/media>
Require all granted
</Directory>

在我的base.html头部:

{% load static %}
<link rel='stylesheet' type="text/css" href="{% static 'css/styles.css' %}">

Home.html


{% extends "base.html" %}
{% load static %}
{% block contentHome %}

<style>
  .parallax {
    /* The image used */
    background-image: url("{% static 'images/FrontMain-2.png' %}");
    /* Set a specific height */
    height: 300px;
  }
</style>

base.html

{% load static %}
<!doctype html>
<html lang="en">

<head>
  <link rel='stylesheet' type="text/css" href="{% static 'styles.css' %}">
</head>

<body>

    {% include 'navbar.html' %}


      {% block contentContact %}
      {% endblock %}

      {% block contentServices %}
      {% endblock %}

      {% block contentHome %}
      {% endblock %}

      {% block contentOffers %}
      {% endblock %}

      {% block contentHistory %}
      {% endblock %}

解决方法

看到网站和控制台中的错误后,我认为是在更改

STATIC_URL="/staic/"

STATIC_URL="http://13.56.18.7/static/"
生产中的settings.py中的

应该可以解决您的问题。 您在模板中使用的{% static 'css/styles.css' %}应当将href设置为/static/css/styles.css,但应将其设置为/build/DoneRitePlumbing/static/css/styles.css。我无法从提供的信息中得知为什么会这样。您可以使用主页中加载的完整模板来更新问题吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-